HTML 总结

HTML 总结

表格
列表
早期列表是用来有理的显示数据
现在无序列表常常用来布局
1列表的类型
有序列表无序列表

    list item

    我允许列表

      • 列表属性
        有序列表的属性
        type=’ ’ 设置列表的类型
        start=" " 指定起始行编号 默认值为1
        2无序列表的属性
        type=" " 设置列表项的类型
        disc 默认值 实心黑点
        circle 空心圆
        square 小方块
        none 去除标识
        3列表中的嵌套
        列表中 可以嵌套任意元素(包括列表)
        但是所有被嵌套的内容 必须放在li中
        ol/ul的直接 子元素只能是li(语义要求)

        4.定义列表
        对一个名词或者事物的解释说明 可以使用定义列表

        定义列表 解释列表的属性

        结构标记
        结构标记和div 一模一样 只不过关键字不同
        带有语义增强可读性 在有语义的元素中 编写文本
        会被优先搜索到
        常用的结构标记
        1


        定义网页的头部 或者某个区域的定都
        2

        定义网页的脚步,或者某个区域的底部
        3.
        定义网页的导航
        4.
        定义网页侧边栏
        5.

        定义网页主体
        6.

        定义于文本相关的内容 评论 回复

        表单
        作用 提供了可视化的输入控件
        自动收集用户输入的信息 并发送请求服务器
        注意:form 自带发送请求的功能
        ajax 不使用form 表单

        属性 action=" " 定义表单提交时发生的动作 要把请求提交给接口 如果没有值 默认提交给本页面

        ② method=“” 定义请求方式
        定义表单的提交方式,设置请求的方法
        get 默认 特点:明文提交,提交的信息会在地址栏显示
        提交数据有大小限制 最大2kb
        向服务器要数据查询数据的时候 使用get方法
        post 特点: 隐士提交提交的信息不回在地址栏中显示 请求的主体会在请求中体中显示
        数据没有大小限制
        给服务器传递大量数据的时候 使用post
        delete/put/option
        ③enctype=“application/x-www-form-urlencoded”
        设置表单数据的编码方式
        取值
        enctype=“application/x-www-form-urlencoded” 默认值 允许将任意字符提交给服务器
        text/plain 允许提交普通字符给服务器

        任意字符, 所有字符
        普通字符不能带符号 = & …都不行
        multipart/form-data 允许提交文件给服务器

        3.表单控件 在form表单中 能够与用户进行数据交互的可视化元素
        ①分类
        input 元素 基础的九种 h5新出10中input
        textarea 多行文本域
        select/option 下拉选折框
        其他元素
        ② input 基础九种
        或者
        所有input 元素都有的属性
        1 type=“” 设置input 元素的具体类型默认缺省值是text 文本框
        2 name=" " 表单提交请求时没有name属性的元素 不会被收集数据 也不会被提交
        在ajax中不需要form 表单 那么久失去了自动收集数据发送求的能录
        ajax 使用 input的时候 不需要name属性 但是在使用单选和多选用name属性来分组
        3.value=“” 表单提交请求时 某个控件真正提交的值
        特例:所有按钮value 不会被几条只是修改按钮显示的文本
        4.disabled 警用 无值属性 控件value 只能看不能改 不能提交
        ③ input 详解
        type=“text” 本框
        type=“password” 密码框
        maxlength=“2” 输入的最大长度
        readonly 属性只能看不能改 但是可以提交 可以和value配合
        placeholder=“请输入密码” 站位提示符

        type=“submit” 提交按钮 将当前表单中的数据自动收集整理发送给服务器
        type=“reset” 重置按钮 将当前表单中的数据 恢复到出事化状态
        type=“button” 没有任何功能 就是普通按钮
        h5 新出的按钮标签
        功能和submit 一样
        单选按钮 type=“radio”

        多选按钮 type=“checkbox”

        name 属性有两个功能 ①提交数据 ②为控件分组实现分组
        value 必须写不然提交时 不管选谁都是on
        checke
        隐藏域
        type=“hidden” 用于想把服务器提交给服务器 又不想被用户看到

        文件选择框 上传文件
        type=“file”
        form 的method=“post”
        enctype=“multipart/form-data”
        属性 multiple 无值属性 选取多个文件
        ④textarea 多行文本域

        cols=“5” 限制显示三行
        这个设置不准确 会更具硬件不同而改变
        ⑤ 下拉选折框(下拉选)



        广


        select 的属性
        name 控件的名称
        size 没默认值为1 显示option 数量 默认值为1 取值大于1 变为滚动选折框
        multiple 多选
        value 如果option没有value,select的value被选中的option的内容区域的文本、
        如果option有value select的value是被选中的option 的值
        option 的属性
        value
        selected 下来选折框的默认选中

      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

      当前余额3.43前往充值 >
      需支付:10.00
      成就一亿技术人!
      领取后你会自动成为博主和红包主的粉丝 规则
      hope_wisdom
      发出的红包
      实付
      使用余额支付
      点击重新获取
      扫码支付
      钱包余额 0

      抵扣说明:

      1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
      2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

      余额充值