HTML笔记

表格的结构标签

表格的结构标签：常用于长表格，可以确定表格在浏览器的位置
thead:代表表格的头部  表格的头部，与书写位置无关
tbody:代表表格的主体  表格的主体，与书写位置无关
tfoot:代表表格的底部   表格的底部，与书写位置无关
网页的结构标签都是块元素，并且在页面显示的位置与书写位置有关
header：网页头部
nav:网页导航
main：网页主体
article:文章
aside:和主体相关的内容，但显示位置不在主体上
section：普通的布局
footer:网页底部   （hift+alt+鼠标选中每一行的相同位置）

表单

表单的使用场景:网站搜索框，登录注册等
表单元素：
input:输入框
属性：type:设置数据类型
text：文本
password:密码
radio：单选框 注意：同一个name属性值是一组数据
checkbox:多选框，点击一次选中，点击两次取消
date:日期，可以通过value设置默认日期，格式value="2000-01-01"
button:普通按钮
submit:提交按钮，将表单信息提交到浏览器
reset:重置按钮
number:设置数字
email:设置邮箱,提交时有默认的基本数据格式判断
tel:手机号
file:上传文件，默认是一个文件，可以通过multiple设置一次可以选多个
select:下拉框
option:标签设置下拉选项

textarea:文本域

属性 
cols:设置一行显示的宽度
rows:设置默认由多少行

label：提高用户的体验

属性：for="id值" id值：是label要操作的标签id值

补充属性
         placeholder：设置提示，提高用户体验
         autofocus：设置输入框自动获取焦点
         autocomplete：设置是否自动填充，on(自动填充)，off(取消自动填充)，注意要写name并且赋值 
         readonly：设置元素只读，可以选中，但是不能修改
         disabled：设置元素禁用，不能修改和选中
         required：设置元素必填项
         maxlength/minlength：设置输入的字符长度
         max/min：设置数字类型输入框的数值范围
         checked：设置预选
         selected：设置预选，被预选的选项会显示在下拉列表最前面的位置。
表单标签：form
          属性：
            action：设置提交数据后要跳转的地址
            target：设置跳转页面的显示位置， _blank(新的窗口)，_self(本来的窗口，也是默认值)
            method：设置表单数据提交的方式，
          属性值 
            get：是将表单数据在action的url里面传递=》数据会在跳转页面的地址栏的？后面显示
            post：是将表单数据放在表单内部传输=》适用与要传输敏感数据
            novalidate：设置表单数据不验证就提交