입력 폼 태그

input

입력 폼

• 작성된 폼에 데이터를 입력하고 전송 버튼을 누르면 지정된 방법(GET 또는 POST)방식으로 지정된 장소에 전달됨 

속성	내용	비고
action	입력 데이터의 전달 위치 지정
method	입력 데이터의 전달 방식 선택	GET 요청과 POST 요청으로 구분

    <form action="/examples/" method="get">
        <input type="text" name="search" /> 
        <input type ="submit" name="제출" />
    </form>

입력폼

기본 input 태그

• 사용자에게 정보를 입력받는 기능을 수행하는 태그

속성값	내용	사용 예
text	글자 입력 폼	<input type = "text" />
button	버튼 생성	<input type = ”buttonr />
image	이미지 형태 폼	<input type = "image" />
checkbox	체크박스 폼	<input type = "checkbox" />
hidden	숨김 기능	<input type =’’hidden” />
password	비밀번호 입력 폼	<input type =’’password” />
radio	라디오 버튼	<input type = "radio" />
file	파일 입력 폼	<input type = "file"  />
reset	초기화 버튼 폼	<input type =’’reset” />
submit	제출 버튼 폼	<input type = "submit" />

 

HTML 5 추가 속성

속성값	내용	예시
time	시간 선택 폼	<input type = "time" />
date	일 선택 폼	<input type = "date" />
datetime	날짜 선택 폼	<input type =’’datetime" />
datetimeHocal	지역 날짜 선택 폼	<input type = "datetime-local" />
month	월 선택 폼	<input type =’’month" />
week	주 선택 폼	<input type = "week" />
color	색상 선택 폼	<input type =’’color" />
email	이메일 입력 폼	<input type =’’email" />
number	숫자 생성	<input type = "number" />
range	범위 선택 폼	<input type =’’range" />
search	검색어 입력 폼	<input type =’’search" />
url	URL 주소 입력 폼	<input type = "url" />
tel	전화번호 입력 폼	<input type = "tel" />