<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>10. 폼 관련 태그</title>
</head>
<body>
<h1>폼 관련 태그</h1>
<p>form 태그는 html에서 사용자가 입력할 수 있는 양식을 제공한다.<br>
form 태그 내의 input 태그들을 통해 사용자가 입력한 정보를 서버로 넘기는 역할을 한다.<br>
* action 속성: 폼의 입력된 값들을 전송받을 서버 페이지를 지정<br>
* method 속성: get/post 방식으로 전송 방식을 지정.
</p>
<hr>
<form>
<label>검색할 내용</label>
<input type="text" size="20" name="search">&nbsh;
<input type="submit" value="검색"
</form>
<p>submit 버튼을 눌렀을 때 action에 지정된 경로를 통해 method에 지정한 방식으로 input태그의 값을 전달한다.</p>
<hr>
＊Method: 전송 방식 지정(지정하지 않으면 get방식이 default로 출력된다.)
GET: URL창에 데이러를 보내는 방식(데이터를 볼 수 있음)
데이터 크기에 제한이 있음.
POST: http request에 data를 넣어서 보내는 방식(데이터를 볼 수 없음)
데이터 크기에 제한이 없음
<h3>fieldset: 폼 요소를 그룹으로 묶는 태그</h3>
<h3>legent: 묶은 폼 요소에 명칭을 붙이는 태그</legend></h3>
<form>
<fieldset>
<legend>필드 셋의 제목을 작성하는 부분이다.</legend>
<label>입력1: </label><input type="text"><br>
<label>입력2: </label><input type="text"><br>
<label>입력3: </label><input type="text"><br>
</fieldset>
<fieldset>
<legend>필드 셋으로 묶은 영역별로 구분이 된다.</legend>
<label>입력1: </label><input type="text"><br>
<label>입력2: </label><input type="text"><br>
<label>입력3: </label><input type="text"><br>
</fieldset>
</form>
<hr>
#_text와 관련된 input 태그
'KH 정보교육원 > HTML CLASS' 카테고리의 다른 글
| 12_HTML 종합 실습 문제 2 (0) | 2020.04.29 |
|---|---|
| 11_HTML 종합 실습 문제 1 (0) | 2020.04.29 |
| 9_하이퍼링크 관련 태그 (0) | 2020.04.29 |
| 8_미디어 관련 태그 (0) | 2020.04.29 |
| 7_이미지 관련 태그 (0) | 2020.04.29 |