## form 태그 ##
-> 사용자가 입력한 data를 보내는 방식과 처리할 페이지를 정하는 태그
속성
method : get방식과 post방식이 있음
※ get 방식
- URL 창을 통하여 데이터를 보내는 방식
- data 크기에 제한이 있음 (256~4096Byte)
- data가 가시적으로 보임
※ post방식
- http header 안에 포함하여 보내는 방식
- data 크기에 제한이 없음
- data를 쉽게 볼 수 없음(기술적으로는 볼 수 있음)
name : <form> 태그의 고유 이름을 지정(form태그를 구분할때 사용)
action : 데이터를 처리할 페이지를 지정
target : action 속성의 페이지를 어떻게 열 것인지를 지정
autocomplete : 이전 입력 내용 출력하는 기능, 생략하면 자동 출력
※ 자동 저장 기능 같은 것(default : on)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
로그인 <br/>
<!--로그인이라는 버튼을 누르면 test1로 가겠다 그런데 갈때 어떤방식으로 가져갈 것이냐면 get은 보이면서 가져가고 post는 숨기면서 간다.-->
<form method="post" action="test1.html">
ID : <input type="text" name="id"><br/>
PW : <input type="text" name="pw"><br/>
<input type="submit" value="로그인"/>
<input type="reset" value="취소"/>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<style>
fieldset{width:300px;}
</style>
<fieldset>
<legent>로그인</legent>
<form>
ID : <input type="text"; size=3;/><br>
PW : <input type="password"/><br>
</form>
</fieldset>
</body>
</html>
'IT일반과목 > HTML5+CSS3' 카테고리의 다른 글
20180911 CSS 개요 및 선택자 (0) | 2018.09.12 |
---|---|
20180910 폼 태그 (2) | 2018.09.10 |
20180907 멀티미디어태그 (하이퍼링크 위아래위위아래 왔다갔다하기) (0) | 2018.09.07 |
20180907 멀티미디어태그 (하이퍼링크 a태그) (0) | 2018.09.07 |
20180907 멀티미디어태그 (오디오 태그, 비디오 태그) (0) | 2018.09.07 |