HTML-表单综合练习
2022-05-29 本文已影响0人
测试探索
本章用table进行布局和升级
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="" method="get">
<table border="0" width = "500px">
<tr>
<td align = "right">请输入用户名:</td>
<td><input type = "text" name = "" id = ""></td>
</tr>
<tr>
<td align = "right">请输入密码:</td>
<td><input type = "text" name = "" id = ""></td>
</tr>
<tr>
<td align = "right">再次输入密码:</td>
<td><input type = "text" name = "" id = ""></td>
</tr>
<tr>
<td align = "right">性别:</td>
<td>
<!--checked = "checked" 默认选中-->
<input type = 'radio' name = "xb" id = "" value = "1" checked="checked">男
<input type = 'radio' name = "xb" id = "" value="0">女
</td>
</tr>
<tr>
<td align = "right">兴趣爱好:</td>
<td>
<input type = 'checkbox' name = "xb" id = "" value="1">
游泳
<input type = 'checkbox' name = "xb" id = "" value="2">
看书
<input type = 'checkbox' name = "xb" id = "" value="2">
爬山
<input type = 'checkbox' name = "xb" id = "" value="2">
思考
</td>
</tr>
<tr>
<td align = "right">生日:</td>
<td>
<select>
<!--selected = "selected"参数表名下拉默认选中-->
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997" selected = "selected">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
</select>年
<select>
<!--selected = "selected"参数表名下拉默认选中-->
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>月
<select>
<!--selected = "selected"参数表名下拉默认选中-->
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>日
</td>
</tr>
<tr>
<td align = "right">头像:</td>
<td>
<img src = "image/3.png">
<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
</tr>
<tr>
<td align = "center" colspan="2">
<input type="button" value = "普通按钮">
<input type="submit" value = "提交按钮">
</td>
</tr>
</table>
</form>
</body>
</html>
image.png
