本文介绍了HTML5中的一些新增表单属性，包括placeholder用于输入框提示信息，autofocus指定表单获取焦点，required标记必填项，pattern进行正则验证，以及formaction自定义提交地址。同时，还讲解了list和datalist属性如何为输入框创建选择列表。这些属性极大地丰富了HTML5表单的功能，提高了用户体验。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>h5新增表单属性</title>
</head>
<body>
<!--
placeholder : 输入框提示信息
适用于form，以及type为text、search、url、tel、email、password类型的input
！！！选中placeholder并修改css样式的方法
伪元素 ::webkit-input-placeholder
autofocus : 指定表单获取输入焦点
required : 必填
patten : 正则验证 pattern="\d{1,5}"
formaction : 在submit里定义提交地址
list和datalist : 为输入框构造一个选择列表
list值为datalist标签的id
-->
<form action="http://www.baidu.com">
<input type="text" name="0" autofocus/><br />
<input type="text" name="0" required/><br />
<input type="text" name="0" pattern='\d{1,5}'/><br />
<input type="submit" value="提交"/>
<input type="submit" value="提交" formaction="http://www.4399.com"/>
<br /><br /><br />
</form>
</body>
</html>
扫一扫
435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
