博客列表 >html5新增表单属性

html5新增表单属性

cxw的博客
cxw的博客原创
2020年03月16日 21:40:161111浏览

<!DOCTYPE html>

<html lang="en"><head> <meta charset="UTF-8"> <title>表单属性</title></head><body><form action="" id="myForm"> <!--placeholder提示文本--> <!--autocomplete 1,元素必须提交过才会有记录 2,当前添加的autocomplete元素必须有name属性 --> 用户名: <input type="text" value="" placeholder="请输入用户名" autofocus autocomplete="on" name="userName"><!--tel仅仅在移动端进行数字键盘--> <!--require必须输入,如果没有输入则会阻止当前数据提交 patern:正则表达式验证--> 手机号: <input type="tel" required pattern="^(\+86)?\1\d{10}$"><br> <!-- multiple:可以选择多个文件--> <input type="file" name="photo" multiple> <br> <!--multiple允许输入多个邮箱地址--> <input type="email" name="userEmail" multiple><br> <input type="submit"></form><!--下面这个表单数据不再form中,不会提交 指定表单ID,那么将来指定的id的表单元素也会提交 --><input type="text" name="address" form="myForm"></body></html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议