HTML 태그 : form

파송송계란빡 ㅣ 2022. 3. 2. 12:45

 

<label>

input 태그 앞에 라벨링을 해줄 수 있습니다.

 

따로 쓸 경우 <label> 태그 안에는 for=""를 통해서 <input> 태그는 id=""를 통해서 연결시켜줍니다.

한꺼번에 쓸 경우에는 <label> 태그 안에 <input> 태그를 넣어줍니다.

 

<input>과 <button>

<input>으로 버튼 만들수 있고, <button>도 버튼을 만들수 있습니다.

이 두개의 차이점은 <input> 태그의 value 특성에는 텍스트만 입력해야 하지만,

<button> 태그에는 다른 컨텐츠(<em>, <img> 등)를 추가할 수 있습니다.

 

<select>

<select>를 통해서 선택 리스트를 만들 수 있습니다.

또한 <optgroud>을 통해서 묶어서 표현 가능합니다.

 

HTML 태그 한눈에 보기 좋은 사이트

https://heropy.blog/2019/05/26/html-elements/

'웹 개발 > 기초' 카테고리의 다른 글

[CSS] 단위(em, rem, vw, vh, vmax, vmin)  (0) 2022.03.04
[CSS] 선택자  (0) 2022.03.03
HTML 태그 : img의 srcset, size  (0) 2022.03.02
HTML 태그 : ol, ul, li  (0) 2022.03.02
HTML 태그 : 가끔 사용  (0) 2022.03.02
HTML 태그 : form