HTML5 태그 기본/입력 양식 태그
form 태그, input 태그, textarea 태그, select 태그, (fieldset,legend태그)
coding1842
2023. 11. 2. 11:56
form 태그의 속성 | |
action | 입력 데이터의 전달 위치를 지정합니다. |
method | 입력 데이터의 전달 방식을 선택합니다. |
input 태그의 type 속성값(HTML4에서 지원하던 input 태그) | |
button | 버튼을 생성합니다. |
checkbox | 체크박스를 생성합니다. |
file | 파일 입력 양식을 생성합니다. |
hidden | 보이지 않습니다. |
image | 이미지 형태를 생성합니다. |
password | 비밀번호 입력 양식을 생성합니다. |
radio | 라디오 버튼을 생성합니다. |
reset | 초기화 버튼을 생성합니다. |
submit | 제출 버튼을 생성합니다. |
text | 글자 입력 양식을 생성합니다. |
input 태그의 type 속성값 추가(HTML5에서 추가 지원) | |
color | 색상 선택 양식을 생성합니다. |
date | 일 선택 양식을 생성합니다. |
datetime | 날짜 선택 양식을 생성합니다. |
datetime-local | 지역 날짜 선택 양식을 생성합니다. |
이메일 입력 양식을 생성합니다. | |
month | 월 선택 양식을 생성합니다. |
number | 숫자 생성 양식을 생성합니다. |
range | 범위 선택 양식을 생성합니다. |
search | 검색어 입력 양식을 생성합니다. |
tel | 전화번호 입력 양식을 생성합니다. |
time | 시간 선택 양식을 생성합니다. |
url | URL 주소 입력 양식을 생성합니다. |
week | 주 선택 양식을 생성합니다. |
textarea 태그의 속성 | |
cols | 태그의 너비를 지정합니다. |
rows | 태그의 높이를 지정합니다. |
select 태그 | |
select | 선택 양식을 생성합니다. |
optgroup | 옵션을 그룹화합니다. |
option | 옵션을 생성합니다. |
select 에 mutiple="multiple" 속성을 부여하면 option을 중복선택 가능해진다.
div 태그로도 옵션 선택 위젯을 만들 수 있으니 참고(더 예쁘게 꾸밀 수 있다.)
(legend 태그는 fieldset 태그 내부에서만 사용 가능. 서버에서 활용함)