Developer/Html
[HTML5] 폼태그 - Basic form tag
Jeremy.Park
2014. 6. 12. 00:45
<html>
<head>
<title>Form Tag</title>
</head>
<body>
<form method="get" action="#">
<!-- 익스플로러와 많은 브라우저가 아직 지원하고 있지 않는것이 많음 ㅠㅠ-->
<input type="color"><br />
<input type="date"><br />
<input type="datetime"><br />
<input type="email"><br />
<input type="month"><br />
<input type="number"><br />
<input type="range"><br />
<input type="search"><br />
<input type="tel"><br />
<input type="time"><br />
<input type="url"><br />
<input type="week"><br />
<hr />
<select>
<option>김밥</option>
<option>떡볶이</option>
<option>순대</option>
<option>오뎅</option>
</select><br />
<select multiple="multiple">
<option>스마트폰에서는</option>
<option>이쁘게나오지만</option>
<option>일반PC에서는</option>
<option>예쁘게나이지않는다</option>
</select><br />
<select>
<optgroup label="HTML5">
<option>Multimedia Tag</option>
<option>Connectivity</option>
<option>Device Access</option>
</optgroup>
<optgroup label="HTML5">
<option>Animation</option>
<option>3D Taransform</option>
</optgroup>
</select><br />
<!-- 최근에는 이쁘지 않아서 select를 잘사용 안하고 자바스크립트를 사용해서 만든다-->
<hr />
<textarea>Hello Textarea
Hello Textarea
</textarea><br />
<hr />
<fieldset>
<legend>입력양식</legend>
<table border="1">
<tr>
<td><label for="name">입력</label></td>
<td><input id="name" type="text" /></td>
</tr>
<tr>
<td><label for="mail">이메일</label></td>
<td><input id="mail" type="email" /></td>
</tr>
<tr>
<td>입력</td>
<td><input id="Text1" type="text" /></td>
</tr>
<tr>
<td>이메일</td>
<td><input id="Email1" type="email" /></td>
</tr>
</table>
</fieldset>
<input type="submit">
</form>
</body>
</html>