HTML 폼 태그

폼 태그

type 속성

• File: 원하는 파일을 서버로 전송하기 위한 글상자

첨부파일: <input type="file" name="file">

• button: 이벤트가 없는 일반버튼

input type="button" value="클릭하세요" onclick="alert('안녕!')"

• reset: 입력받은 데이터를 초기화 하는 버튼

<input type="reset" value="다시 입력">

• submit: 입력받은 데이터를 서버에 제출하는 버튼

<input type="submit" value="회원가입">

• hidden: 보이지는 않으나 서버에 값을 전달하고 싶을 때 사용하는 글상자

<input type="hidden" name="hidden" value="서버로 전달될 값">

• email: 이메일을 입력받는 글상자(@ 필요)

<input type="email"></p>

• url: 웹사이트를 입력받는 글상자(http 필요)

<input type="url">

• tel: 전화번호를 입력받는 글상자(모바일에서 숫자 키패드를 사용)

<input type="tel">

• date: 원하는 날짜를 입력받는 글상자

<input type="date">

• number: 원하는 숫자를 입력받는 글상자

<input type="number" min="최소값" max="최대값" step="증가량">

• color: 원하는 색상을 입력받는 요소(선택한 색상은 16진수 RGB컬러값으로 서버에 전달)

input type="color"

• search: 검색어를 입력받는 글상자

input type="search"

• range: 일정 범위안에 값만을 입력하는 조절바

input type="range" min="최소값" max="최대값" value="기본값"

속성

• readonly: 데이터를 볼 수 있으나 수정할 수 없게 설정
• disabled: 입력필드를 사용할 수 없게 설정(서버로 데이터가 전달되지 않음)
• required: submit 할 때 데이터를 필수로 입력하도록 강제하는 설정

태그

 

버튼 태그
- 버튼을 생성하는 요소
-<button>버튼클릭</button>
type="reset", type="button", type="submit"(기본값)

선택상자
여러개의 옵션이 드롭다운 리스트로 되어 있으며 그 중에서 단 하나의 옵션만을 선택

<select>
<option value="apple">김사과</option>
<option value="banana">반하나</option>
<option value="orange">오렌지</option>
</select>

여러줄 글상자
여러줄의 텍스트를 입력받는 글상자

<textarea cols="가로 글자수" rows="세로 줄수">value</textarea>