웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
HTML Forms - Fieldset, Legend 본문
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML Forms - Fieldset, Legend</title>
</head>
<body>
<!--
폼 내부에서 폼 요소를 포함하는 구역을 나눌 필요가 있을 경우,
fieldset, legend
- 필수 입력사항
- 선택 입력사항
-->
<form id="form_id" name="form_name" action="process.php" method="post">
<fieldset>
<legend>area - A</legend>
<p><label for="first">Text: </label><input type="text" name="first" id="first" /></p>
<p><label for="radio">Radio: </label><input type="radio" name="radio" id="radio_one" value="one">One <input type="radio" name="radio" id="radio_two" value="two">Two</p>
<p><label for="checkbox">Checkbox: </label><input type="checkbox" name="checkbox" id="checkbox" value="checked">Check</p>
<p><label for="select">Select: </label>
<select name="select" id="select">
<option value="alpha">Alpha</option>
<option value="beta" selected>Beta</option>
</select>
</p>
</fieldset>
<fieldset>
<legend>area - B</legend>
<p><label for="multiselect">MultiSelect: </label>
<select name="multiselect" id="multiselect" multiple="multiple" size="2">
<option value="gamma">Gamma</option>
<option value="delta">Delta</option>
<option value="epsilon">Epsilon</option>
<option value="zeta">Zeta</option>
</select>
<p><label for="textarea">Textarea: </label><textarea name="textarea" id="textarea" rows="5" cols="30">Text</textarea></p>
</fieldset>
<p><input type="submit" name="submit" value="submit" /></p>
</form>
</body>
</html>
'html' 카테고리의 다른 글
| HTML - Output elements (0) | 2011.11.10 |
|---|---|
| HTML Forms - other_forms_element (0) | 2011.11.10 |
| button (0) | 2011.11.10 |
| object (0) | 2011.11.10 |
| form (0) | 2011.11.10 |