1、placeholder:提示信息

  1. <input type="text" placeholder="手机/邮箱/用户名">
  2. <input type="password" placeholder="请输入密码">

2、input新增属性

  1. <input type="radio">单选
  2. <input type="checkbox">多选
  3. <input type="file">文件
  4. <!-- Canlender类:不常用,兼容性不好 -->
  5. <input type="date"><!-- chrome支持,Safari,Ie不支持 -->
  6. <input type="time">
  7. <input type="week">
  8. <input type="datetime-local"> <!-- 年月日和时间的组合 -->
  9. <!-- input新增属性:不常用,兼容性不好 -->
  10. <form action="">
  11. <input type="number"><!-- chrome支持,Safari,Ie不支持 -->
  12. <input type="email"><!-- 如果不对会提示错误 --><!-- chrome,火狐支持,Safari,Ie不支持 -->
  13. <input type="color"><!-- 颜色选择器 --><!-- chrome支持,Safari,Ie不支持 -->
  14. <input type="range" min="1" max="100" name="range"><!-- 可以得到value值 --><!-- chrome,Safari支持,火狐,Ie不支持 -->
  15. <input type="search" name="search"><!-- 会自动给提示 --><!-- chrome支持,Safari支持一点,Ie不支持 -->
  16. <input type="url"><!-- 输入网址 --><!-- chrome,火狐支持,Safari,Ie不支持 -->
  17. <input type="submit">
  18. </form>