본문 바로가기
웹프로그래밍/HTML5

[HTML5] 12. 웹폼 3

by 폴더맨 2024. 2. 8.

12. 웹폼 3

- <textarea>: 여러줄의 텍스트
- <textarea>의 주요 속성
  . name: 텍스트 영역의 이름
  . cols, rows: 너비(글자 수), 높이(라인 수)
  . wrap: soft(줄바꿈 없음), hard(줄바꿈 있음, cols속성 반드시 지정
  . readonly: 읽기 전용
  
- <select>: 드롭다운 리스트
  . name: 드롭다운 리스트의 이름
  . size: 항목의 수
  . multiple: 여러개의 항목 한꺼번에 선택
  - <option>: select 및 datalist의 하위요소, 리스트에서 선택할 수 있는 옵션
    . disabled: 비활성화
. label: 옵션의 긴 항목을 짧은 레이블로 value의 우측에 표시
. selected: 페이지 로드시 선택될 옵션
. value: 서버로 전달되는 항목 값
  
- <button>: 클릭가능 버튼
- <label>: 폼의 양식에 이름을 붙이는 태그
- <datalist>: input 요소의 텍스트 타입에 대한 옵션 목록
- <fieldset>: <form>내에서 관련 요소들을 그룹핑
- <legend>: 필드셋의 하위요소, 캡션
- <optgroup>: <select>에서 <option> 요소들의 그룹핑

 

#HTML5 #HTML #form #testarea

 

참고:

- HTML Form Tag: https://poiemaweb.com/html5-tag-forms

 

HTML5 Tag - Forms | PoiemaWeb

form 태그는 사용자가 입력한 데이터를 수집하기 위해 사용되며 input, textarea, button, select, checkbox, radio button, submit button 등의 입력 양식 태그를 포함할 수 있다.

poiemaweb.com

 

세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/

 

유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트

컴퓨터 및 일반 유용한 링크들을 모아 놓았습니다. 지금 바로 확인하세요!

linkdotcom.mycafe24.com

 

 

'웹프로그래밍 > HTML5' 카테고리의 다른 글

[HTML5] pre / blockquote  (0) 2024.06.08
[HTML5] dl  (0) 2024.06.08
[HTML5] 12. 웹폼2  (1) 2024.02.08
[HTML5] 12. 웹폼  (1) 2024.01.07
[HTML5] 11. 시멘틱 요소  (2) 2024.01.02