美文网首页
列表元素 <ul> <li> 表格 &l

列表元素 <ul> <li> 表格 &l

作者: 咖啡豆8888 | 来源:发表于2018-10-16 16:45 被阅读100次

    列表元素

    有序列表ol,直接元素只能用li

    无序列表ul,直接子元素只能是li

    定义列表 dl 直接子元素只能是dt dd

    dt 是项目名称 dd项目描述,一个dt后面可以跟着多个dd

    表格元素

    table内部的tr td元素
    细线表格

    <style>
            td {
                border: 1px solid #000;
            }
            /*合并单元格*/
            table {
                border-collapse: collapse;
            }
        </style>
    

    更完整的表格元素

    • tbody 表格的主体
    • caption 表格的标题
    • thead 表格的表头
    • tfoot 表格的页脚
    • th 表格的表头单元格子元素

    单元格的合并

    • rowspan行合并
    • colspan 列合并
    • border-spacing 设置单元格之间的水平,垂直间距

    表单 form

    表单:一般情况下,其他表单相关元素都是他的后代。
    input :<input type="?">单行文本输入框,单选框 复选框 按钮等元素

    • text : 文本
    • password 密文文本
    • button 按钮
    • radio 单选框 提交表单的时候需要设置 value,name
    • checkbox 复选框 提交表单的时候需要设置 value,name
    • reset重置表单内的内容
    • submit 提交表单内容
    • name,设置name属性可以提交表单的时候可以作为参数名

    textarea : 多行文本框
    label 元素一般配合input元素使用,用来表示input的标题,点击会自定激活锁配套的input焦点,必须设置id属性

    <form>
        <label for="phone">账号</label>
        <input type="text" id="phone">
    </form>
    

    相关文章

      网友评论

          本文标题:列表元素 <ul> <li> 表格 &l

          本文链接:https://www.haomeiwen.com/subject/bnufzftx.html