[HTML] form 이해하기

form태그 속성

• action : form이 전송되는 서버 (url 또는 html 링크)
• name : form의 이름 (서버로 보내질 때 이름의 값으로 데이터 전송)
• accept-charset : 문자 인코딩 지정
• target : action에서 지정한 스크립트 파일을 다른 위치에 열도록 지정
• method : 전송 방법 설정 (get, post)

 

 

form 내부의 태그와 속성

<input>	type : 입력 형식  name : 서버로 전송되는 데이터 이름   <input type="text"> : text 입력란 <input type="password"> : password 입력란 (입력 내용이 안보임) <input type="button"> : 버튼 <input type="submit"> : form에 입력한 데이터를 서버로 보내주는 버튼 <input type="reset"> : form에 입력한 모든 데이터 삭제 <input type="radio"> : 단일선택 <input type="checkbox"> : 다중선택 <input type="file"> : file 업로드 <input type="hidden"> : 눈에 보이지 않는 정보를 서버쪽으로 보낼 때 사
<textarea>	여러 줄의 텍스트를 입력할때
<select>	드롭다운 형식의 선택. 선택항목은 option.
<label>	checkbox나 radio에서 값을 클릭해도 표시될 수 있게 할 수 있음

 

 

 

 

참고,

velog.io/@choiiis/HTMLCSS-form-%ED%83%9C%EA%B7%B8-%EC%A0%95%EB%A6%AC