[TIL]폼 요소

이지예·2022년 5월 15일
0

HTML

목록 보기
7/9

select 요소

선택 목록 상자 혹은 콤보 박스라고도 한다. 몇 개의 선택지를 노출시키고 하나를 선택하게끔 하는 요소로 리스트 태그와 비슷하다. select태그의 자식태그로 option태그가 들어온다.

option태그에는 selected라는 속성이 있는데,<input type="radio"> 혹은 <input type="radio">에 쓰였던 checked와 동일한 기능이다.

사는 지역 : 서울 부산 대구 제주

사는 지역 : <select>
  <option>서울</option>
  <option>부산</option>
  <option>대구</option>
  <option selected>제주</option>
</select>

이처럼 아무 동작도 하지 않았어도 selected로 설정해놓은 요소를 처음 띄워준다.

textarea 요소

사용자에게 여러 줄의 텍스트를 입력받고자 할 때 사용되는 태그이다

자기 소개 : <textarea cols="20" <!--영문 기준  줄에 표현되는 글자 수--> rows="3" <!--화면에 보이게 될 글자 줄 수--> palceholder="자기소개는 짧게 해주세요."> </textarea>

textarea 에서도 placeholder속성을 쓸 수 있다.

button 요소

사용자가 클릭 가능한 버튼을 만들어준다. submit, reset, button 세가지 type이 있다. input type과 butto요소들의 type은 각각 같은 역할을 하는 type들이다. 단, button요소는 빈태그가 아니라서 태그 안에 내용을 직접 넣을 수 있기 때문에 스타일적인 측면에서 더 자유로운 표현이 가능하다.

<button type="submit">전송</button>

전송

0개의 댓글