241204 HTML5 03 - Form, URL형식, 여러가지 입력 타입

1. GET 방식 전송과 POST 방식 전송

* name 속성 값이 없으면 서버로 전송되지 않는다.

 

2. URL 형식

*** URL에서 질의 문자열 되게 중요함!

 

3. 여러가지 입력 타입

 

위의 html 파일을 브라우저에서 실행시킨 모습

 

1) required : 해당 요소에 값을 입력하지 않으면 경고 메세지가 출력된다.

2) email 타입의 요소에 입력하는 값은 이메일 양식(xxx@xxx.xxx)을 지켜야지만 입력된다.

3) autofocus : html이 실행됬을 때 커서가 자동으로 선택되어진다.

  * 가장 마지막에 입력한 autofocus에 커서가 지정됨.

4) name 속성을 같은 값으로 주면 한 그룹으로 묶인다.

5) 요소(element)에 id 속성을 줄 수 있다.

  - 다른 요소에 for 속성을 입력하고 id를 사용해서 특정 요소와 연동되도록 할 수 있다.

6) checked : html이 실행됬을 때 라디오버튼이 자동으로 선택되어진다.

7) value 속성에 지정한 값은 URL의 query string에서 request parameter 값에 표시된다.

8) checkbox 요소는 query string에서 같은 이름의 request parameter가 여러개 등장할 수 있다.

URL에서 hobby 체크박스 요소의 요청 파라미터 값이 여러개 나오는 모습