<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--placeholder提示文本，提示占位-->
<!--autofoucs页面打开后自动获取焦点-->
<!--autocomplete自动提示功能 on打开 off关闭，
1.必须提交过才会记录下下来
2.当前添加的autocomplete元素必须有name属性-->
<form action="" id="myForm">
<input type="text" name="userName" placeholder="请输入用户名" autofocus autocomplete="off" /><br>
<!--required必须输入没有输入就不能提交（阻止当前数据提交）-->
<!--pattern正则表达式验证-->
<!--*代表任意个
？代表0个或1个
+代表一个或多个
-->
手机号：<input type="tel" name="userPhone" required pattern="^(\+86)?1\d{10}$"/><br>
<!--file选择上传文件，multiple表示可选择多个文件-->
文件：<input type="file" name="photo" multiple/><br>
<!--email有默认验证，
在email中multiple允许输入多个邮箱地址，以逗号分隔
multiple可以验证多个邮箱，以逗号分隔
a@a.com,b@b.com...
-->
邮箱：<input type="email" name="email" multiple/>
<input type="submit"/>
</form>
<!--下面这个表单元素并没有包含在form中，默认情况下面表单元素的数据不会进行提交-->
<!--指定表单id,那么在将来指定id的表单进行数据提交的时候，也会将当前表单元素的数据一起提交
form="myForm"
-->
<input type="text" name="address" form="myForm"/>
</body>
</html>
H5表单其他新增属性
最新推荐文章于 2022-12-04 22:35:55 发布
500
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
