web-个人资料填写

最新推荐文章于 2023-04-30 14:28:06 发布

夏目贵志_

最新推荐文章于 2023-04-30 14:28:06 发布

阅读量750

点赞数 1

文章标签： wpf

本文链接：https://blog.csdn.net/m0_58813405/article/details/122280215

版权

编写一个能输出如下图所示界面的HTML文件。要求：

（1）校验输入的E-mail的格式：用户名@域名。

（2）校验输入的电话格式：11位数字组成。

（3）性别“女”为默认选项

（4）年龄的列表选项有：20以下、20、21、22、23、24、25、25以上，其中“20以下”为默认选项。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人资料</title>
	</head>
	<body>
		<font>
			<h1>请留下个人资料</h1>
		</font>
		<from>
			<div>
				<label for="username">姓名：</label>
				<input type="text" name="username" id="username" size="10" maxlength="50" />
			</div>
			<br>
			<div>
				<lable for="email">E-mail:</lable>
				<input type="email" name="email" id="email">
			</div>
			<br>
			<div>
				<lable for="phone">电话:</lable>
				<input type="tel" name="phone" id="phone">
			</div>
			<br>
			<div>
				<form action="" method="get">
					<label>性&nbsp;&nbsp;&nbsp;别：</label>
					<input type="radio" name="gender" value="0" id="male"> <label for="male">男</label>
					<input type="radio" name="gender" value="1" checked="checked" id="female"> <label
						for="female">女</label>
			</div>
			</form>
			<br>
			<div>
				<form action="" method="get">
					<lable>年&nbsp;&nbsp;&nbsp;龄：</lable>
					<select name="Age" size="1">
						<option value="20以下" selected>20以下</option>
						<option value="21">21</option>
						<option value="22">22</option>
						<option value="23">23</option>
						<option value="24">24</option>
						<option value="25以上">25以上</option>
					</select>
				</form>
			</div>
			<div>
				<label>留言板：</label>
				<textarea name="introduce"></textarea>
			</div>
			<br>
			<div>
				<!-- 5 。input类型为checkbox定义了复选框  -->
				<label>您的爱好：</label>
				<input type="checkbox" name="like" value="sport"> 运动<br></input>
				<input type="checkbox" name="like" value="read"> 阅读<br></input>
				<input type="checkbox" name="like" value="listening"> 听音乐<br></input>
				<input type="checkbox" name="like" value="travel"> 旅游<br></input>
			</div>
			<br>
			<div>
				<input type="submit" name="" value="提交">
				<input type="reset" name="" value="全部重写">
			</div>
		</from>
	</body>
</html>