基本代碼如下
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表單select</title>
</head>
<body>
<h1 align="center">註冊信息</h1>
<hr color="#336699"/>
<!--action 定義表單數據提交地址-->
<form action="action.php" method="post" target="_blank">
<table width="600px" bgcolor="#f2f2f2" align="center" >
<tr>
<td align="right">姓名：</td>
<td align="left"><input type="text" name="username" size="25" maxlength="6" placeholder="請輸入姓名"/></td>
</tr>
<tr>
<td align="right">郵箱：</td>
<td align="left"><input type="text" name="email" value="@163.com"/></td>
</tr>
<tr>
<td align="right">密碼：</td>
<td align="left"><input type="password" name="paw" size="25" maxlength="6" placeholder="請輸入密碼"/></td>
</tr>
<tr>
<td align="right">確認密碼：</td>
<td align="left"><input type="password" name="paw_confirm" size="25" maxlength="6" placeholder="請再輸入密碼"/></td>
</tr>
<tr>
<td align="right">上傳照片：</td>
<td align="left"><input type="file" name="file"/></td>
</tr>
<tr>
<td align="right">性別：</td>
<td align="left">男<input type="radio" name="sex" value="man"/>
女<input type="radio" name="sex" value="woman"/>
保密<input type="radio" name="sex" value="bm" checked/>
</td>
</tr>
<tr>
<td align="right">愛好：</td>
<td align="left">讀書<input type="checkbox" name="dx1" value="read" checked/>
跳舞<input type="checkbox" name="dx1" value="dance"/>
唱歌<input type="checkbox" name="dx1" value="sing"/></td>
</tr>
<tr>
<td align="right">愛好的運動：</td>
<td align="left">跑步<input type="checkbox" name="dx2" value="1" checked/>
籃球<input type="checkbox" name="dx2" value="2"/>
跳繩<input type="checkbox" name="dx2" value="3"/></td>
</tr>
<tr>
<td align="right">城市：</td>
<td align="left">
<select name="city">
<option value="xz">--請選擇--</option>
<option value="bj" selected>北京</option>
<option value="tj">天津</option>
<option value="hb">河北</option>
<option value="sh">上海</option>
<option value="fj">福建</option>
<option value="xm">廈門</option>
</select>
<select name="city" size="6" multiple>
<option value="bj">北京</option>
<option value="tj">天津</option>
<option value="hb">河北</option>
<option value="sh">上海</option>
<option value="fj">福建</option>
<option value="xm">廈門</option>
</select>
<select name="city">
<option>--請選擇--</option>
<optgroup label="華北">
<option value="bj" selected>北京</option>
<option value="tj">天津</option>
<option value="hb">河北</option>
</optgroup>
<optgroup label="華東">
<option value="sh">上海</option>
<option value="fj">福建</option>
<option value="xm">廈門</option>
</optgroup>
</select>
<select name="city" size="5" multiple>
<option>--請選擇--</option>
<optgroup label="華北">
<option value="bj" selected>北京</option>
<option value="tj">天津</option>
<option value="hb">河北</option>
</optgroup>
<optgroup label="華東">
<option value="sh">上海</option>
<option value="fj">福建</option>
<option value="xm">廈門</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td align="right">簡介:</td>
<td align="left"><textarea name="jj" rows="6" cols="50" placeholder="請輸入個人介紹"></textarea></td>
</tr>
<tr >
<td colspan="2" align="center"><input type="button" value="來點我" name="button"/>
<input type="submit" value="submit" name="submit"/>
<input type="reset" value="reset" name="reset"/>
<input type="image" name="image_button" src="image/image-button.png"/>
</td>
</tr>
<tr>
<td><input type="hidden" name="hidden" value="這是一個用戶註冊信息"/></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
網頁效果
