brunch

You can make anything
by writing

C.S.Lewis

by 소울파인더 Oct 05. 2022

코딩 6일차

<label>, <select>, <option>, <textarea>

<label>태그 : 입력할 양식의 역할이나 특징이 무엇인지 알려주는 이름표 역할을 수행함.

<label>태그의 속성인 for와 <input> 태그의 속성인 id를 익혀두는 것이 좋을 것 같다.

 ex) <label for="target">아이디: </label>

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


<textarea>태그 : 많은 양의 텍스트를 받을 때 폭과 칸의 크기를 부여할 수 있음. rows와 cols를 속성으로 사용함.

ex) <textarea name="introduce" id="introduce" placeholder="자기소개를 입력하세요." cols="20" rows="6">

</textarea>


<button>태그 : 제출하기, 초기화 등의 버튼을 만드는 태그임.

ex) <button type="submit">제출</button>

      <button type="reset">초기화</button>

라벨태그와 그 예시
<씰렉트, 택스테리아,버튼>


매거진의 이전글 코딩 5일차
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari