表单
来源：互联网 发布：mac显卡性能测试软件 编辑：程序博客网 时间：2024/06/05 06:46
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>复杂表单</title>
</head>
<body>
<h1><strong>修改个人信息</strong></h1>
<form name="form1" method="post" action="20170011.jsp">
<table border="1" width="800px" bordercolor="black" cellspacing="0">
<tr>
<td height="40px">姓名:</td>
<td><input type="text" name="user"/ ></td>
</tr>
<tr>
<td height="40px" width="20%">性别:</td>
<td>
<input type="radio" name="sex" value="man"/> 男
<input type="radio" name="sex" value="woman"/> 女
<!--单选框type为radio
必备属性：name 组名（一组单选框 name必须相同）
value 选项值
-->
</td>
</tr>
<tr>
<td height="40px">爱好:</td>
<td>
<input type="checkbox" name="bobby" value="music"/> 音乐
<input type="checkbox" name="bobby" value="arc"/>美术
<input type="checkbox" name="bobby" value="spot"/>运动
<input type="checkbox" name="bobby" value="game"/>游戏
<input type="checkbox" name="bobby" value="trip"/>旅游
</td>
</tr>
<tr>
<td height="40px">学历</td>
<td>
<select name="xueli">
<option value="other">其他</option>
<option>专科</option>
<option selected>本科</option>
<option>硕士及以上</option>
</select>
</td>
</tr>
<tr>
<td height="40px">意向工作城市:</td>
<td>
<select name="city" size="5" multiple>
<option>意向城市</option>
<option value="BEIJING">北京</option>
<option selected>上海</option>
<option selected>深圳</option>
<option>成都</option>
</td>
</tr>
<!--select的属性：、
name；size菜单行数，默认为1行
multiple允许多选。仅适用于多行菜单
selected加在option上，定义菜单默认已选中
-->
<tr>
<td height="40px">个人描述:</td>
<td><textarea name="descrip" rows="8" cols="50"></textarea></td>
</tr>
<tr>
<td height="40px"></td>
<td>
<input type="checkbox" name="secret" id="secret">
<label for="secret">
不要公开我的个人信息
</label>
</td>
</tr>
<tr>
<td height="40px"></td>
<td><input type="submit" value="保存"/>
<input type="reset" value="充填"/>
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>复杂表单</title>
</head>
<body>
<h1><strong>修改个人信息</strong></h1>
<form name="form1" method="post" action="20170011.jsp">
<table border="1" width="800px" bordercolor="black" cellspacing="0">
<tr>
<td height="40px">姓名:</td>
<td><input type="text" name="user"/ ></td>
</tr>
<tr>
<td height="40px" width="20%">性别:</td>
<td>
<input type="radio" name="sex" value="man"/> 男
<input type="radio" name="sex" value="woman"/> 女
<!--单选框type为radio
必备属性：name 组名（一组单选框 name必须相同）
value 选项值
-->
</td>
</tr>
<tr>
<td height="40px">爱好:</td>
<td>
<input type="checkbox" name="bobby" value="music"/> 音乐
<input type="checkbox" name="bobby" value="arc"/>美术
<input type="checkbox" name="bobby" value="spot"/>运动
<input type="checkbox" name="bobby" value="game"/>游戏
<input type="checkbox" name="bobby" value="trip"/>旅游
</td>
</tr>
<tr>
<td height="40px">学历</td>
<td>
<select name="xueli">
<option value="other">其他</option>
<option>专科</option>
<option selected>本科</option>
<option>硕士及以上</option>
</select>
</td>
</tr>
<tr>
<td height="40px">意向工作城市:</td>
<td>
<select name="city" size="5" multiple>
<option>意向城市</option>
<option value="BEIJING">北京</option>
<option selected>上海</option>
<option selected>深圳</option>
<option>成都</option>
</td>
</tr>
<!--select的属性：、
name；size菜单行数，默认为1行
multiple允许多选。仅适用于多行菜单
selected加在option上，定义菜单默认已选中
-->
<tr>
<td height="40px">个人描述:</td>
<td><textarea name="descrip" rows="8" cols="50"></textarea></td>
</tr>
<tr>
<td height="40px"></td>
<td>
<input type="checkbox" name="secret" id="secret">
<label for="secret">
不要公开我的个人信息
</label>
</td>
</tr>
<tr>
<td height="40px"></td>
<td><input type="submit" value="保存"/>
<input type="reset" value="充填"/>
</td>
</tr>
</table>
</form>
</body>
</html>
