HTML表单2
作者：A8A8MMP
链接：https://zhuanlan.zhihu.com/p/219790705
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
链接：https://zhuanlan.zhihu.com/p/219790705
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<h1 align="center">注册信息</h1>
<hr color="#336699">
<form>
<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="women">
</td>
</tr>
<tr>
<td align="right">爱好:</td>
<td align="left">读书<input type="checkbox" name="dx1" value="read">
跳舞<input type="checkbox" name="dx1" value="dance">
唱歌<input type="checkbox" name="dx1" value="sing">
</td>
</tr>
<tr>
<td align="right">简介:</td>
<td align="left"><textarea name="jj" rows="6" cols="50" placeholder="请输入简介"></textarea></td>
</tr>
<tr>
<td align="right">城市:</td>
<td align="left">
<select name="city" size="2">
<option value="xz">--请选择--</option>
<optgroup label="华北">
<option value="bj">北京</option>
<option value="tj">天津</option>
<option value="zj">浙江</option>
</optgroup>
<optgroup label="华东">
<option value="hb">河北</option>
<option value="sh">上海</option>
<option value="gd">广东</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" name="button" value="来点我">
<input type="submit" name="submit">
<input type="reset" name="reset">
</td>
</tr>
</table>
</form>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<h1 align="center">注册信息</h1>
<hr color="#336699">
<form>
<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="women">
</td>
</tr>
<tr>
<td align="right">爱好:</td>
<td align="left">读书<input type="checkbox" name="dx1" value="read">
跳舞<input type="checkbox" name="dx1" value="dance">
唱歌<input type="checkbox" name="dx1" value="sing">
</td>
</tr>
<tr>
<td align="right">简介:</td>
<td align="left"><textarea name="jj" rows="6" cols="50" placeholder="请输入简介"></textarea></td>
</tr>
<tr>
<td align="right">城市:</td>
<td align="left">
<select name="city" size="2">
<option value="xz">--请选择--</option>
<optgroup label="华北">
<option value="bj">北京</option>
<option value="tj">天津</option>
<option value="zj">浙江</option>
</optgroup>
<optgroup label="华东">
<option value="hb">河北</option>
<option value="sh">上海</option>
<option value="gd">广东</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" name="button" value="来点我">
<input type="submit" name="submit">
<input type="reset" name="reset">
</td>
</tr>
</table>
</form>
</body>
</html>
