表单的一些属性：
datalist配合list使用
当鼠标滑动到input输入框右边会出现一个倒三角，获取输入框的焦点，datalist写好的数据就会出现
<input type="text" list="bd">
<datalist id="bd">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</datalist>
required 输入框内容为空，禁止提交，还会自动提醒文字
<form action="">
<input type="text" required="required">
<input type="submit" value="提交">
</form>
pattern 相当于js的正则
<form action="">
<input type="text" required="required" pattern="\d{5,10}">
<input type="submit" value="提交">
</form>
pointer:events:
阻止用户的点击动作产生任何效果
阻止缺省鼠标指针的显示
阻止CSS里的 hover 和 active 状态的变化触发事件
阻止JavaScript点击动作触发的事件
提交页面，提交按钮点击后，添加这个样式属性（style=“pointer-events”），来防止重复提交。
<style>
*{
margin: 0;
padding: 0;
}
input:nth-of-type(2){
pointer-events: none;
}
</style>
</head>
<body>
<form action="">
<input type="text" required="required" pattern="\d{5,10}">
<input type="submit" value="提交">
</form>
</body>
4686
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
