이전 포스트/프론트엔드

input 태그 정리

병고라니 2020. 12. 5. 20:35

input으로 만들 수 있는 폼요소는 다양하다.

텍스트상자와 같이 데이터를 입력할 수 있는 요소나 button과 같이 데이터를 서버로 보낼 수 있는 요소도 input에 있다.

이들은 type속성으로 구분된다.

 

<input type="text> -> 텍스트상자가 만들어짐

<input tpye="button> -> 버튼이 만들어짐 

 

이런식으로 type달리하여 여러가지 폼요소를 만들 수 있다. 

 

이런 폼요소들은 중복되기 쉬운데 이를 구별하기 위해 id 속성이 있다.

<input type="text" id="addr">

이를 통해 특정한 스타일을 적용할 폼요소를 선택할 수도 있다.