仅用html的搜集用户数据练习

最新推荐文章于 2022-01-11 22:56:15 发布

大老虎Picky

最新推荐文章于 2022-01-11 22:56:15 发布

阅读量182

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_21359983/article/details/81018049

版权

web前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这篇博客展示了一个使用HTML创建的用户信息收集表单，包括性别、生日、所在地区、婚姻状况、学历、月薪、手机号、昵称、喜欢的性格类型和自我介绍等字段，以及免费注册按钮和会员登录链接。表单设计简洁，方便用户输入个人资料。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
	<title>一个完整的表单</title>
</head>
<body>
	<table width="700px" align="center" cellspacing="20" cellpadding="0">
		<caption><h3>绿地青年交友会</h3></caption>                                                    
		<tbody>
			<tr>
				<td>性别</td>
				<td>
					<input type="radio" name="sex"><img src="images/man.jpg" width="16px" />男
					<input type="radio" name="sex"><img src="images/woman.jpg" width="16px" />女
				</td>
			</tr>
			<tr>
				<td>生日</td>
				<td>
					<select>
						<option>请选择年份</option>
						<option>1995</option>
						<option>1994</option>
						<option>1993</option>
					</select>
					<select>
						<option>请选择月份</option>
						<option>1</option>
						<option>2</option>
						<option>11</option>						
					</select>
					<select>
						<option>请选择日期</option>
						<option>1</option>
						<option>12</option>
						<option>21</option>						
					</select>
				</td>
			</tr>
			<tr>
				<td>所在地区</td>
				<td><input type="text" value="北京" /></td>
			</tr>
			<tr>
				<td>婚姻状况</td>
				<td>
					<input type="radio" name="marry" />未婚
					<input type="radio" name="marry" />离婚
					<input type="radio" name="marry" />丧偶
				</td>
			</tr>
			<tr>
				<td>学历</td>
				<td><input type="text" value="小学" /></td>
			</tr>
			<tr>
				<td>月薪</td>
				<td><input type="text" value="5000-10000" /></td>
			</tr>
			<tr>
				<td>手机号</td>
				<td><input type="text"" /></td>
			</tr>
			<tr>
				<td>昵称</td>
				<td><input type="text"" /></td>
			</tr>
			<tr>
				<td>喜欢的性格类型</td>
				<td>
					<input type="checkbox" name="feeling" />活泼
					<input type="checkbox" name="feeling" />可爱
					<input type="checkbox" name="feeling" />温柔
					<input type="checkbox" name="feeling" />气质
					<input type="checkbox" name="feeling" />乐观
					<input type="checkbox" name="feeling" />内向
					<input type="checkbox" name="feeling" />安静
				</td>
			</tr>
			<tr>
				<td>自我介绍</td>
				<td>
					<textarea rows="5" cols="30"></textarea>	<!--30字符宽，5行的文本框-->
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<input type="button" value="免费注册" />
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<input type="checkbox" />我同意注册条款和会员加入标准
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<a href="#">我是会员，立即登录</a>
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<h3>我承诺</h3>
					<ul>
						<li>年满18周岁</li>
						<li>抱着严肃认真的态度</li>
						<li>真诚的交友</li>
					</ul>
				</td>
			</tr>
		</tbody>
	</table>
</body>
</html>