1. Form 요소

form 요소를 통해서,
1) 사용자로부터 입력을 받고 2) 입력된 데이터를 서버로 보낸다.

<form action="처리할 페이지 주소" method="get|post"></form>

• action 속성: 입력받은 데이터를 처리할 서버상의 스크립트 파일(폼 핸들러) 주소
• method 속성: 입력받은 데이터를 서버에 전달할 방식

👉 사용자가 form 요소를 통해 입력한 데이터가 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달되는 것

1-1.method 속성

(추후에 추가)

1-2. input type

• 텍스트 입력(text)
• 비밀번호 입력(password)
• 라디오 버튼(radio)
• 체크박스(checkbox)
• 파일 선택(file)
• 선택 입력(select)
• 문장 입력(textarea)
• 버튼 입력(button)
• 전송 버튼(submit)
• 필드셋(fieldset)

form tag 참고자료

2. Input 요소

input 요소의 속성으로 사용자가 입력하는 방식을 다양하게 제어할 수 있다.

• value: 입력 필드의 초깃값을 설정할 수 있다.
• readonly: 사용자가 입력 필드를 볼 수는 있지만 수정할 수는 없도록 설정한다. disabled 속성과 다른 점은 전송 버튼을 누르면 초깃값이 서버로 전송된다는 점이다.
• disabled: 사용자가 입력 필드를 아예 사용할 수 없도록 설정한다. 사용할 수도 없고, 클릭할 수도 없다. readonly 속성과는 달리 전송 버튼을 눌러도 초깃값이 서버로 전송되지 않는다.
• maxlength: 입력 필드에 입력할 수 있는 문자의 최대 길이를 설정한다.
• size: 입력 필드에 "보여지는" input 요소의 크기를 설정한다. 입력될 수 있는 문자의 최대 길이는 maxlenght 로 설정하고 입력 필드의 크기를 size 로 설정한다고 생각하면 된다.

이에도 많은 form/ input 요소가 HTML5 에서 추가되었다.
아래 링크에서 확인하자.

input tag 참고자료