웹 서버에 정보를 제출하기 위한 양식 범위를 정의.
- <form>이 다른 <form>을 자식 요소로 포함할 수 없음.
| 속성 | 의미 | 값 | 기본값 |
| action | 전송한 정보를 처리할 웹페이지의 URL | URL | |
| autocomplete | 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 | on, off | on |
| method | 서버로 전송할 HTTP 방식 | GET, POST | GET |
| name | 고유한 양식의 이름 | ||
| novalidate | 서버로 전송시 양식 데이터의 유효성을 검사하지 않도록 지정 | ||
| target | 서버로 전송 후 응답받을 방식을 지정 | _self, _blank | _self |
여러가지 양식들을 form이라는 태그안에 묶을 수 있다.
cf. get방식을 이용하면 상단 주소에 정보가 노출이 되기 때문에 post 방식을 이용한다. 예를들어, 로그인할때 ID와 비밀번호가 주소창에 노출이 되면 좋지 않기 때문에 post방식을 이용한다. post는 url에서는 알 수 없지만 전송되는 정보를 뜯어볼때 찾아 볼 수 있다. 완벽하게 숨길 순 없다. 그래서 암호화를 해서 전송을 하는것이 대다수이다.
<body>
<form action="/login" method = "POST" autocomplete = "off"> <!--autocomplete는 자동완성 기능이다. default값으론 on이다.-->
<input type="email" name = "email" novalidate target= "_blank"> <!--유효한 검사를 하지 않겠다.-->
<input type="password" name = "password">
<button type = "submit">로그인</button>
</form>
</body>novalidate는 왠만해서는 쓰진 않는다. 특별한 경우거나 테스트할때 많이 이용한다고 한다.
'HTML > 요소' 카테고리의 다른 글
| 양식 - LABEL (0) | 2021.01.05 |
|---|---|
| 양식 - INPUT (0) | 2021.01.05 |
| 표 콘텐츠 - HEAD, TBODY, TFOOT (0) | 2021.01.05 |
| 표 콘텐츠 - COLGROUP, COL (0) | 2021.01.05 |
| 표 콘텐츠 - CAPTION (0) | 2021.01.05 |