HTML 태그익히기_6

HTML 태그를 알아보자.

form요소를 이용하여 데이터 입력받고 전송하기.

<form><fieldset><legend><label><input><placeholder>

---

<form> 사용자로부터 데이터를 입력받고, 서버로 전송할 때 사용하는 태그.

<fieldset> form element를 그룹화하는 태그.

<legend> 그룹화한 form element의 이름을 지정하는 태그.

<label> input 양식에 이름 붙이기

  * label의 for값과 input의 id값을 통일시키면, 두개가 연계되어 label부분을 클릭해도 input부분이 작동됨.

 

 

---

다양한 input 요소의 type을 알아보자.

텍스트 입력 = text

문장 입력 = textarea

비밀번호 입력 = password

라디오 버튼 = radio

체크박스 = checkbox

파일 선택 = file

버튼 입력 = button

전송 버튼 = submit

이메일 입력 = email

검색어 입력 = search

 

 

예시

 

 

결과