[Web] html form

 

Form element

<label> - 글자 그대로 라벨을 작성할때 쓰인다.

<input> - 다양한 type을 가지고 있으며 무언가를 입력할 수 칸을 생성한다.

<select> - list형식의 목록으로 하나를 선택할 수 있는 form을 생성한다.

<textarea> - 글을 입력할 수 있는 공간을 생성한다.

<button> - 버튼을 생성한다.

<fieldset> - form의 전체 또는 일부의 데이터의 공간을 나눈다.

<legend> - filedset의 제목(캡션)을 정의한다.

<datalist> - select와 유사하다. 더보기 화살표를 눌러야지만 값을 볼 수 있다.

 

 

Input element type

<input type="button"> - 버튼을 생성한다.

<input type="checkbox"> - 여러개의 항목을 중복하여 선택하는 목록을 생성하는 타입이다.

<input type="color"> - 색을 선택하는 칸이 생성된다.

<input type="date"> - 캘린더를 통해 날짜를 입력할 수있는 칸이 생성된다.

<input type="email"> - 이메일 형식의 입력칸이 생성된다.

<input type="file"> - 파일을 첨부할 수 있도록 한다.

<input type="number"> - 숫자형식의 입력칸이 생성된다.

<input type="password"> - 패스워드 형식(보이지않도록)으로 입력되는 칸이 생성된다.

<input type="radio"> - 여러개의 항목 중 한가지를 선택할 수 있는 목록이 생성된다.

<input type="reset"> - 타이핑되고 있는 모든 인풋값이 초기화 된다.

<input type="submit"> - 제출 버튼이 생성된다.

<input type="tel"> - 전화번호 형식을 입력하는 한줄의 칸이 생성된다.

<input type="text"> - 한줄 입력가능한 칸이 생성된다.

<input type="url"> - URL을 입력할 수 있는 한줄의 칸이 생성된다.