属性 值 说明
required required 表单拥有该属性表示其内容不能为空，必填
placeholder 提示文本 表单的提示信息，存在默认值将不显示
autofocus autofocus 自动聚焦属性，页面加载完成自动聚焦到指定表单
autocomplete off/on 当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。默认已经打开，如autocomplete=”on”,关闭autocomplete =”off”需要放在表单内，同时加上name属性，同时成功提交
multiple multiple 可以多选文件提交

代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.   <title>Document</title>
  10.   <style>
  11.     input::placeholder {
  12.       color: blue;
  13.     }
  14.   </style>
  15. </head>
  17. <body>
  18.   <!-- 验证必须添加form表单域 -->
  19.   <form action="">
  20.     <ul>
  21.       <p><input type="search" placeholder="winFang" required autofocus autocomplete="off"></p>
  22.       <p><input type="file" multiple></p>
  23.       <!-- 点击提交按钮就可以验证表单了 -->
  24.       <input type="submit" value="提交">
  25.     </ul>
  26.   </form>
  27. </body>
  29. </html>

image.png

改变placeholder的样式

input::placeholder {


}