表单元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单注册</title>
</head>
<body>
<form id="form1" method="post">
<table border="1" cellspacing="1" cellpadding="1" width="400px">
<tr align="left">
<td colspan="2" height="40px" width="400px" style="background-color: pink">
<img src="https://p0.ssl.qhimg.com/t013feee31537e51f3b.png" height="60px" width="60px" alt="xiangmao" />
</td>
</tr>
<tr>
<th colspan="2">邮箱会员注册</th>
</tr>
<tr>
<td width="40%" align="center">用户名:</td>
<td width="60%"><input type="text" name="username"></td>
</tr>
<tr>
<td width="40%" align="center">密码:</td>
<td width="60%"><input type="password" name="pw"></td>
</tr>
<tr>
<td width="40%" align="center">确认密码:</td>
<td width="60%"><input type="password" name="pw"></td>
</tr>
<tr>
<td width="40%" align="center">性别:</td>
<td width="60%">
<input type="radio" name="sex" checked="checked">女
<input type="radio" name="sex">男
</td>
</tr>
<tr>
<td width="40%" align="center">Email:</td>
<td width="60%"><input type="email" name="email"></td>
</tr>
<tr>
<td width="40%" align="center">phone:</td>
<td width="60%"><input type="tel" name="tel"></td>
</tr>
<tr>
<td width="40%" align="center">年龄:</td>
<td width="60%"><input type="number" name="age" min="12" max="100" placeholder="20"></td>
</tr>
<tr>
<td width="40%" align="center">专业:</td>
<td width="60%">
<input list="prefress" name="prefress">
<datalist id="prefress">
<option value="信息管理">
<option value="前端开发">
<option value="软件开发">
<option value="视觉影视">
<option value="平面设计">
</datalist>
</td>
</tr>
<tr>
<td width="40%" align="center">出生日期:</td>
<td width="60%"><input type="date" name="birth"></td>
</tr>
<tr>
<td width="40%" align="center">周数:</td>
<td width="60%"><input type="week" name="week" placeholder="9"></td>
</tr>
<tr>
<td width="40%" align="center">你喜欢的颜色:</td>
<td width="60%"><input type="color" name="color"></td>
</tr>
<tr>
<td width="40%" align="center">英语等级:</td>
<td width="60%"><input type="range" name="range" min="4" max="6" step="2" ></td>
</tr>
<tr>
<td width="40%" align="center">请选择文件:</td>
<td width="60%"><input type="file" name="file"></td>
</tr>
<tr>
<td width="40%" align="center">爱好:</td>
<td width="60%">
<input type="checkbox" name="checkbox">户外
<input type="checkbox" name="checkbox">音乐
<input type="checkbox" name="checkbox">购物
<input type="checkbox" name="checkbox">其他
</td>
</tr>
<tr>
<td width="40%" align="center">所在地:</td>
<td width="60%">
<select>
<option>北京</option>
<option>上海</option>
<option>深圳</option>
<option>湖北</option>
</select>
</td>
</tr>
<tr>
<td width="40%" align="center">备注信息:</td>
<td width="60%">
<textarea cols="30" rows="3" placeholder="在这里添加备注信息"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center" style="background-color: pink">
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
赞 (0)