HTML - 입력 양식, 폼 태그

입력 양식 태그

 사용자에게 값을 입력받을 수 있는 텍스트 상자 또는 체크 박스 등을 표시할 수 있음

 

폼(form) 태그

form 태그 내에 submit 버튼 클릭 시 해당 form 태그 내에 작성된 
사용자 입력한 값들을 서버로 전달하면서 요청하는 역할을 수행 

 

action : 요청할 서버 경로
                   => 해당 서버로 사용자가 form 내에 입력 태그를 통해 작성한 값들을 전달<br>

 * method : 요청 전송 방식 지정 (get/post). 기본값: get <br>

 

* placeholder : 텍스트 상자에 설명 문구

 * maxlength   : 입력할 수 있는 최대 길이
 * required    : 필수 입력 항목. 입력하지 않을 경우 요청되지 않음!

 

 date :
        <input type="date" name="date">
        <!-- 연도, 월, 일 정보를 입력받을 수 있는 텍스트 상자 -->

month :
        <input type="month" name="month">
        <!-- 연도, 월 정보를 입력받을 수 있는 텍스트 상자 -->

week :
        <input type="week" name="week">
        <!-- 연도, 해당 연도의 몇번째 주인지에 대한 정보를 입력받을 수 있음 -->

time :
        <input type="time" name="time">
        <!-- 오전/오후, 시, 분 정보를 입력받을 수 있음 -->

 datetime-local : 
        <input type="datetime-local" name="datetimeLocal">
        <!-- 연도, 월, 일, 시간 정보를 입력받을 수 있음 -->

제출 : submit

초기화 : reset
일반 : button

button 타입이 없는 버튼 

option :

 사용자가 직접 값을 입력하는 것이 아니라
    제시된 여러 개의 값들 중 선택하도록 하고자 할 때

 

datalist 태그

사용자에게 직접 값을 입력받거나
            select 태그처럼 목록을 통해 선택받을 수 있는 태그