W3School地址

• autocomplete
  • ‘on’
  • ‘off’
• autofocus

以上两个属性会在一些UI组件库中存在问题,element说的就是你,出来挨打

• form

没错啊,这不是指标签,这是表单元素的一个属性,值是引用所属表单的 id,多个则用空格分割

• 输入框的快速选项

你猜我用vue方便阅读维护又好看的,还是用丑陋但是性能好的呢?

<input list="list" name="link" />
<datalist id="list">
  <option label="备胎1" value="备用选项1" />
  <option label="备胎2" value="备用选项2" />
  <option label="备胎3" value="备用选项3" />
</datalist>

• 数字类型的验证

• 最小/大值,数字有效间隔,提交的时候触发验证

<form>
  <input type="number" min="0" max="10" step="3" />
  <input type="submit">
</form>

• required 不能为空
• pattern 正则验证
• title 正则验证不通过的提示

/* 可以用这两个伪类选择器设定样式 */
  input:valid {
  border-color: #0f0;
}

input:invalid ::after {
  border-color: #f00;
}