fieldset、legend、optgroup等表單相關tag－Bug倉庫 // 程式日記

Sep 09 Sat 2017 22:18
fieldset、legend、optgroup等表單相關tag

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form>
		<fieldset>
			<legend>基本資料</legend>
			<label>
				姓名<input type="text" name=""><br>
			</label>
			<label>
				電話<input type="text" name=""><br>	
			</label>
			
		</fieldset>
		<fieldset>
			<legend>興趣</legend>
			電影
			<select name="" id="">
				<optgroup label="諾蘭的">
					<option value="">全面啟動</option>
					<option value="">星際效應</option>
					<option value="">黑暗騎士</option>					
				</optgroup>
				<optgroup label="李安的">
					<option value="">少年pi</option>
					<option value="">比利林恩</option>
					<option value="">色戒</option>					
				</optgroup>
			</select><br>
			彈吉他 <input type="checkbox" name="" id=""><br>
		</fieldset>
	</form>
</body>
</html>