例用 HTML 語法建立基本資料
個人資料
姓名(限制長度)、姓別用點選的、密碼、興趣可以複選、血型下拉式、 上傳大頭照
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>個人基本資料</title>
</head>
<body>
<form>
<table border="1px" align="center" width="60%" height="70%">
<tr>
<th>姓名</th>
<th>
<input type="text" name="a1" id="a1" maxlength="10">
</th>
<th>相片</th>
<th>
<input type="file" name="a2" id="a2">
</th>
</tr>
<tr>
<th>姓別</th>
<th>
<input type="radio" name="a3" id="a3" value="男生">男生
<input type="radio" name="a3" id="a4" value="女生">女生
</th>
<th>興趣</th>
<th>
<input type="checkbox" name="a5" id="a5" value="吃飯">吃飯
<input type="checkbox" name="a6" id="a6" value="睡覺">睡覺
<input type="checkbox" name="a7" id="a7" value="看書">看書
<input type="checkbox" name="a8" id="a8" value="聽音樂">聽音樂
</th>
<tr>
<th>地址</th>
<th colspan="3" align="left">
<input type="text" name="a9" id="a9" size="100">
</th>
</tr>
<tr>
<th>血型</th>
<th colspan="3" align="left">
<select>
<option value="A">A</option>
<option value="B">B</option>
<option value="O">O</option>
<option value="AB">AB</option>
</select>
</th>
</tr>
<tr>
<th>密碼</th>
<th colspan="3" align="left">
<input type="password" name="a10" id="a10" size="30">
</th>
</tr>
<tr>
<th colspan="4">
<input type="submit" value="新增">
</th>
</tr>
</table>
</form>
</body>
</html>
顯示結果
