<form>태그는 사용자가 서버와 정보를 교환할 때 사용합니다.
action 폼을 처리하는 프로그램이 있는 uri를 지정합니다.
autocomplete on, off의 값을 가지며 브라우저에 의해 값이 자동으로 완성할지를 결정합니다. html5에서 추가되었습니다.
enctype MIME타입을 지정합니다. file을 전송할 경우 multipart/form-data로 지정해야 합니다.
method 폼을 전송할 때 http전송방식을 지정합니다. post, get이 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="코리아뉴스" />
<title> html공부 </title>
<link rel="stylesheet" type="text/css" href="default.css" / >
<style type="text/css">
body {
color:red;
}
</style>
</head>
<body>
<section>
<h1>form태그</h1>
<form action="" method="post">
<fieldset>
<legend>폼 테스트</legend>
<label for ="fname">성명</lavel>
<input id="fname" type="text" placeholder="실명으로" autofocus required>
<label for ="fe-mail">이메일</lavel>
<input id="femail" type="email" placeholder="abc@abc.com">
<label for ="fphone">전화번호</lavel>
<input id="fphone" name="phone" placeholder="02-1111-1111" required>
<label for ="fsubject">선호과목</lavel>
<select name="fsubject">
<optgroup label="전공1">
<option value="html">html</option>
<option value="css">css</option>
<option value="java">java</option>
</optgroup>
<optgroup label="전공2">
<option value="리눅스">리눅스</option>
<option value="보안">보안</option>
<option value="프로그램">프로그램</option>
</optgroup>
<optgroup label="전공3">
<option value="html5">html5</option>
<option value="css3">css3</option>
<option value="javascript">javascript</option>
</optgroup>
</select>
<label for ="fcontent">내용</lavel>
<textarea name="fcontent" rows="5" cols="90">내용을 적으세요</textarea>
</fieldset>
<fieldset>
<input type="submit" value="저장">
<button name="button">클릭하여 힌트를 얻으세요.</button>
</fieldset>
</form>
</section>
<div id="related">
<p>영역 </p>
</div>
<footer>
<address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address>
Copyright ⓒ 2013 Koreanews co., All Rights Reserved.
</footer>
</body>
</html>
등록된 댓글이 없습니다.