여러가지 입력 양식 태그

입력 양식 태그

사용자에게 입력받는 공간을 의미하며, form 태그 공간 안에 원하는 기능을 구현하면 된다.

속성 이름	설명
action	입력 데이터의 전달 위치를 지정한다.
method - get - post	입력 데이터의 전달 방식을 선택한다.
	?search=rint 형태로 URL 변경이 된다
	주소가 변경되지 않는다.(비밀스럽게 데이터를 전달하는 방식)
button	버튼을 생성한다.
checkbox	체크박스를 생선한다.
file	파일 입력 양식을 생성한다.
hidden	보이지 않게 설정한다.
image	이미지 형태를 생성한다.
password	비밀번호 입력 양식을 생성한다.
radio	라디오 버튼을 생성한다.
reset	초기화 버튼을 생성한다.
submit	제출 버튼을 생성한다.
text	글자 입력 양식을 생성한다.

아래 예제를 보면 쉽게 이해할 수 있다.
	<form>     <input type="text" name="name" /><br/>     <input type="password" name="password" /><br/>     <input type="file" name="file" /><br/>     <input type="hidden" name="hidden" /><br/>     <input type="image" name="image" /><br/>     <input type="text" name="text" /><br/>     <input type="button" name="button" /><br/>     <input type="checkbox" name="checkbox" /><br/>     <input type="radio" name="radio" /><br/>     <input type="reset" name="reset" /><br/>     <input type="submit" /> </form>

 

 

이외 입력 양식 태그

속성값	설명
color	색상 선택 양식을 생성한다.
data	일 선택 양식을 생성한다.
datatime	날짜 선택 양식을 생성한다.
datetime-local	지역 날짜 선택 양식을 생성한다.
email	이메일 입력 양식을 생성한다.
month	월 선택 양식을 생성한다.
number	숫자 생성 양식을 생성한다.
range	범위 선택 양식을 생성한다.
search	검색어 입력 양식을 생성한다.
tel	전화 번호 입력 양식을 생성한다.
time	시간 선택 양식을 생성한다.
url	URL 주소 입력 양식을 생성한다.
week	주 선택 양식을 생성한다.

 

아래 예제를 보면 쉽게 이해할 수 있다.
	<form>     <input type="color"/><br/>     <input type="date"/><br/>     <input type="datetime"/><br/>     <input type="datetime-local"/><br/>     <input type="email"/><br/>     <input type="month"/><br/>     <input type="number"/><br/>     <input type="range"/><br/>     <input type="search"/><br/>     <input type="tel"/><br/>     <input type="time"/><br/>     <input type="url"/><br/>     <input type="week"/><br/> </form>