# Form tag

5개의 포스트

HTML #7-2 - Form Tag (2)

📍 Form Tag > 폼 태그는 데이터를 전송할 때 사용되며, 태그 내에서 어떤 곳으로 보낼지, 어떤 방식으로 보낼지 적어주여야 한다. checkbox `는 다중 선택`이 가능한 선택 상자로, 일반적으로 사각형의 모양을 갖는다. `의 체크 상자가 아닌 글씨를 선택해도 상자가 선택되도록 하고 싶을 때는 각 를 ` 태그로 감싸주면 된다. radio ![](https://velog.v

2023년 5월 30일
·
0개의 댓글
·

HTML #7-1 - Form Tag (1)

📍 Form Tag > 폼 태그는 데이터를 전송할 때 사용되며, 태그 내에서 어떤 곳으로 보낼지, 어떤 방식으로 보낼지 적어주여야 한다. form, input, placeholder 폼 태그는 기본적으로 ` 태그 아래에 ` 태그를 적는 구성으로 이루어져 있다. `태그는 action과 method` 속성을 필수로 가져야 한다. (관련 설명은 아래에서 한다.) 폼 요소를 나타내기 위해서는 ` 태그를 사용한다. 태그에는 다양한 type=""이 존재하고, 이 type`으로 형식을 표현할 수 있다. 아이디를 입력하세요. 비밀번호를 입력하세요. 와 같이 비어있는 입력창을 꾸며주는 속성은 `placeholder="

2023년 5월 29일
·
0개의 댓글
·

#HTML. Form 태그

1. Form 태그란 무엇인가 form 태그는 웹 페이지에서 입력 양식을 말한다. 로그인 창이나, 회원가입 폼 등.. 어떠한 데이터를 통째로 넘기고 받는 것이 바로 form 태그를 사용하는 부분이 되겠다. 2. Form 태그의 구성요소 그렇다면 form 태그의 구성요소는 무엇이 있을까? > action : 폼을 전송할 서버 쪽 스크립트 파일을 지정 method : 서버에 전송할 http 메소드 (GET or POST) name : 폼을 식별하기 위한 이름 input의 type : 입력받을 요소의 종류를 정한다. number, text, password 등. 반드시 맞는 것으로 입력해야 한다. label : 폼 위젯과 라벨을 연결하는데 사용하는 것으로 input의 이름을 작성한다. 클릭을 하면 해당 input 박스가 활성화되고 접근성적 측면에서도 사용해 주는 게 좋다. 3. POST OR GET ><strong

2020년 12월 14일
·
0개의 댓글
·
post-thumbnail

Nov 11 : form tag

📌 form Written in .jsp file ⛄ form tag structure method : get or post (refer to previous post) action : name of server program (servlet) also can call JSP ⛄ example : compare get and post method 🐣 .jsp 🐣 .java(survlet) : server 🐣 result ⛄ URL 🐣 queryString 서버경로 : 포트번호/프로그램경로?쿼리스티링 🐣 example_ https://finance.naver

2020년 11월 11일
·
0개의 댓글
·

405 Not Allowed 탐방기

1. 405 Not Allowed 한창 작업을 하던 도중, 프론트 측에서 특정 API를 요청하니 405 Error가 떨어진다고 help 요청이 들어왔다. 405 Error에 대해 검색해보니, 문제의 원인은 프론트의 Api method( Get 혹은 Post )와 Api 서버가 설정한 Api method가 다르다는 것이다. 예를 들어, 프론트에서는 Post 요청을 했는데, 서버에서는 해당 api 요청을 Get으로 받는 것과 같은 상황이다. 에러 원인을 확인하고, 문제의 프론트 요청이 제대로 되어 있는지, 백엔드 서버가 제대로 되어있는지 확인하러 갔다. Axios.post를 통해 Post 요청을 제대로 하고 있다. 프론트 쪽 문제는 아닌 듯 하다. @PostMapping이 제대로 설정되어 있다.....? 뭐지,,,, 이제부터 슬 당황하기 시작했다. 프론트에서는 Post 요청을 제대로 하고 있고, 백에서도 PostMapping

2020년 6월 11일
·
1개의 댓글
·