input元素

  • type：此属性可以选择不同的属性值，但最终都是以按钮的形式展示

    1. submit
    2. reset
    3. button
    4. text
    5. radio（单选框）
    6. checkbox（复选框）
    7. time/data（时间/日期选择器）
      • 13:14会在URL地址栏中显示13%3A34，因为其为了避免有歧义，引入了URL编码。
    8. search（搜索框）
      • 具体的搜索用script code实现
    9. color（颜色选择器）
      • 例如：#1bac5a,可分为3组，分别代表R\G\B三原色的值
    10. hidden（隐藏按钮）
    11. file（上传文件）
    12. number（限定数字）
      • min最小；max最大
    13. range（数值滚动条）
      • step步长；min最小；max最大
    14. textarea：接受多行文本

  • value：此属性指定在按钮上显示的值或者在文本框里预定输入的值等

  • name：这个名称在表单提交时，将作为键值对的一部分被发送到服务器。只有设置了name属性的表单元素，其值才会在表单提交时被传递。这意味着如果你的输入元素没有name属性，或者name属性为空，那么这个输入的值就不会与表单一起提交。

  • id：在一个HTML文件中，id值是唯一的，可供CSS/JS选择器选择

  • placeholder：输入框中的提示

  • required：必填字段，否则不能提交

  • autofocus：一打开界面，光标就会自动放在某个输入框上

  • autocomplete属性：自动填充。on开；off关。

div与语义化布局

  1. div：一个块级无语义元素

HTML5中的新语义元素：

  • nav：导航
  • section：节

嵌入

  1. 嵌入网页
1
<iframe src="https://www.example.com" width="500" height="300"></iframe>
  • sandbox 属性为 iframe 中的内容启用了一组额外的限制。
    404