表单验证

最新推荐文章于 2024-04-16 11:57:14 发布

溪栎

最新推荐文章于 2024-04-16 11:57:14 发布

阅读量191

点赞数

本文链接：https://blog.csdn.net/whyshuaige/article/details/105364129

版权

<!DOCTYPE html>
<html>
<head>
<meta  charset="utf-8" />
<title>网页标题</title>
<style type="text/css">
	div{
		width: 800px;
		height: 450px;
	}
</style>
</head>

<body><center>
<div id=1 style="text-align:left;background-color:pink">
<form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址">
<h1><center>员工信息登记表</center></h1>
<left>
&nbsp;&nbsp;&nbsp;&nbsp;用户登录名:&nbsp;<input type=text name=username size=40 placeholder="wcz@163.com" ></p>
&nbsp;&nbsp;&nbsp;&nbsp;真实姓名:&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name=zsname size=40 placeholder="王传智" pattern="[\u4e00-\u9fa5]" required>(必填，只能输入汉字)</p>
&nbsp;&nbsp;&nbsp;&nbsp;真实年龄:&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name=zsold size=40 value=24 pattern="[18-120]" required>(必填)</p>
&nbsp;&nbsp;&nbsp;&nbsp;出生年月:&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name=date size=40  value=年/月/日 pattern="^[1900-"+year+"][-][1-12][-][1-30]$" required>(必填)</p>
&nbsp;&nbsp;&nbsp;&nbsp;电子邮件:&nbsp;&nbsp;&nbsp;&nbsp;<input type=email name=e-mail size=40 placeholder="123456789@126.com" pattern="^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$" required>(必填)</p>
&nbsp;&nbsp;&nbsp;&nbsp;身份证号:&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name=sfzh size=40 pattern="^\d{17}(\d|x|X)$" required>(必填,能够以数字、字母x结尾的短身份证号)</p>
&nbsp;&nbsp;&nbsp;&nbsp;手机号码:&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name=phone size=40 pattern="d{11}" required>(必填)</p>
&nbsp;&nbsp;&nbsp;&nbsp;幸运颜色:&nbsp;&nbsp;&nbsp;&nbsp;<input type=color >(请选择你喜欢的颜色)</p></left>
<center><input type=submit  value=提交>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=reset value=重置></center>
</form>
</div>
</center>
</body>

溪栎

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表单验证

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>网页标题</title><style type="text/css"> div{ width: 800px; height: 450px; }</style>&...
复制链接

扫一扫