HTML总结2

1.列表标签

        无序列表 ul li 列表标志项typy="disc/circlle/square"

        有序列表 ol li 列表标志项type="1 A a I i"

        定义列表 dl dt dd

2.表格 展示数据

        table属性:

                width heigth border bgcolor backgroud

                cellspacing 单元格和单元格之间的距离 外边距

                cellpadding 单元格文字到单元格边框距离 内边距

                align 水平方向对齐方式 left(默认值) center right

                合并单元格边框 border-collapse:collapse

        tr 行

                bgcolor

                align 水平方向对齐方式 left(默认值) center right

                valign 垂直方向对齐方式 top middle(默认值) bottom

        td th

                align 水平方向对齐方式 left(默认值) center right

                valign 垂直方向对齐方式 top middle(默认值) bottom

        细线表格

                <table bgcolor="clack" cellspacing="1">

                <tr bgcolor="white">

                可以通过css属性合并边框 border-collapse:collapse

        跨行合并 rowspan="number" 跨列合并 colspan="number"

3.表单

        所有表单元素都要写在form表单中， action enctype method

                input type name="提交给表单属性名" value="提交给表单属性值"

                        text 明文输入框

                        password 暗文输入框

                        radio 单选按钮 将所有单元按钮设置同一个name

                        checkbox 复选按钮

                        button 普通按钮

                        img 图片按钮

                        reset 重置按钮

                        submit 提交按钮

                        hidden 隐藏域

                        file 上传文件

                        textare 文本域

                        fildset 表单元素 legend 表单标题

                        想要点击文字让表单元素聚焦

                                1.label标签直接包裹表单元素

                                2.label for 属性和input id属性要一直 文字放在label中

4.h5新增表单元素

        progress 进度条 value max

                input type

                        range 滑块 min 最小值 max 最大值 step 步幅 value

                        email 对邮箱校验  xx@xx

                        tel 对电话校验 正则表达式 pattern

                        url 对url校验 https//:xx

                        color 取色器

                        date 日期

                        datetime-local 日期时间

                        number 对数字做校验

                        想要给输入框绑定待选项

                                input list="" 与datalist id属性一致

                                        datalist

                                                option

5.h5新增表单属性

        min 最小值 max 最大值

        step 步幅

        pattern  正则匹配

        autofocus 自动聚焦

        required 必填项

        placeholder 提示内容

        formaction 表单提交服务器地址

        formenctype 表单提交数据格式 查询字符串 纯文本 附件

        formmethod 表单提交方式 method get post delete put patch

        formnovalidate 对表单不做任何校验 提交按钮

        list 与datalist进行待选项的绑定