form태그의 속성에 대해 알아보자
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="/login" method="post" autocomplete="off" novalidate target="_blank">
<input type="email" name="email">
<input type="password" name="password">
<button type="submit">로그인</button>
</form>
</body>
</html>
|
cs |
1. action
submit을 눌렀을 때 어디로 보내겠다는 뜻
login페이지로 보내겠다는 뜻
2. method
get방식과 host방식이 있다.
get방식은 submit을 눌렀을때 주소창에 정보가 뜨는 것이다.
post방식은 정보가 노출되지 않는다.
3. autocomplete
전에 입력했던 값을 자동완성으로 저장할 것인가.
기본값 on
4. novalidate
기본값은 이렇게 유효성 검사를 하게 되어있는데 novalidate를 하면 검사를 안하고 막써도 로그인버튼이 눌러진다.
5. target
_self와 _blank가 있는데 self는 해당 창에서 다음창이 열리는 것이고
blank는 새로운 창에서 다음창이 열리는 것이다.
728x90
'WEB > html,CSS' 카테고리의 다른 글
| [html] select/ option 태그/ 선택할 수 있는 선택지 만들기/ datalist태그/ 자동완성 기능 (0) | 2021.04.13 |
|---|---|
| [html][css] css 스타일 초기화하는법/ reset css cdn (0) | 2021.04.08 |
| [html] table태그 / 표 만들기/ table, td, tr, th/ 셀병합 colspan rowspan/ headers (0) | 2021.04.08 |
| [html][js] noscript / 자바스크립트 지원되지 않는 환경에서 표시되는 html (0) | 2021.04.08 |
| [html][js] html<script>/ js파일연결하기/src (0) | 2021.04.08 |