사용자 데이터를 입력받는 주요 태그이다.

기본 형태

<form action="login.html" method="post">

	ID: <input type="text" name="id">
	PW: <input type="text" name="PW">
</form>

input 타입

type속성은 사용자 입력받는 인터페이스들이다.

1. 텍스트 입력

2. 비밀번호 입력

3. 라디오 버튼

4. 체크박스(check box)

5. 파일 선택 박스

6. 선택(select) 입력(drop-down 리스트)

7. 문장 입력

8. 버튼(button) 입력

9. 전송 버튼(submit)

10. 필드셋(fieldset)

input요소 속성

<input type="text" name="department" value="컴퓨터" readonly><br>
<input type="text" name="department" value="컴퓨터" disabled><br>
<input type="text" name="department" value="컴퓨터" maxlength="10"><br>

value 속성

• value 속성은 input 요소의 입력 필드의 초깃값을 설정할 수도 있다.
• readonly속성
• 사용자가 입력 필드를 볼 수는 있으나, 수정할 수는 없도록 설정한다.
• disabled 속성과 다른 점은 전송 버튼(submit)을 누르면 초깃값이 서버로 전송된다.

disabled 속성

• 사용자가 입력 필드를 아예 사용할 수 없도록 설정한다.
• disabled 속성이 설정된 입력 필드는 사용할 수도 없고, 클릭할 수도 없습니다.
• readonly 속성과는 달리 전송 버튼(submit)을 눌러도 초깃값이 서버로 전송되지 않는다.

autocomplete속성

• autocomplete는 입력된 정보를 저장하거나 자동 완성 기능 설정이다.(on/off)

기타 속성

• maxlength는 사용자 입력 문자열 최대 길이 설정이다(정수형)

• minlength는 사용자 입력 문자열 최소 길이 설정이다(정수형)

• autofocus는 페이지 로드시 ,해당 사용자 입력창에 커서가 자동으로 놓이도록 하는 설정이다.

• size 속성은 입력 필드에 보여지는 input 요소의 크기(size)를 설정합니다.

  • maxlength 속성과는 달리 입력 필드가 한 번에 보여줄 수 있는 문자의 최대 개수만을 의미한다.
  • 입력될 수 있는 문자의 최대 길이는 maxlength 속성값에 따라 달라지며, size 속성과는 상관없다.

• 기타 속성들

5.활용예제