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 지역 날짜 선택 양식을 생성합니다.
email 이메일 입력 양식을 생성합니다.
month 월 선택 양식을 생성합니다.
number 숫자 생성 양식을 생성합니다.
range 범위 선택 양식을 생성합니다.
search 검색어 입력 양식을 생성합니다.
tel 전화번호 입력 양식을 생성합니다.
time 시간 선택 양식을 생성합니다.
url URL 주소 입력 양식을 생성합니다.
week 주 선택 양식을 생성합니다. 
textarea 태그의 속성
cols 태그의 너비를 지정합니다.
rows 태그의 높이를 지정합니다.
select 태그
select 선택 양식을 생성합니다.
optgroup 옵션을 그룹화합니다.
option 옵션을 생성합니다.

select 에 mutiple="multiple" 속성을 부여하면 option을 중복선택 가능해진다.

div 태그로도 옵션 선택 위젯을 만들 수 있으니 참고(더 예쁘게 꾸밀 수 있다.)

 

(legend 태그는 fieldset 태그 내부에서만 사용 가능. 서버에서 활용함)