zoukankan      html  css  js  c++  java
  • html+css学习笔记 5[表格、表单]

    表格 —— 默认样式重置

    表格标签:
        table 表格
        thead 表格头
        tbody 表格主体
        tfoot 表格尾
        tr 表格行
        th 元素定义表头
        td 元素定义表格单元

    表格样式重置
    table{border-collapse:collapse;} 单元格间隙合并
    th,td{padding:0;}重置单元格默认填充

    单元格合并


    rowspan  属性规定单元格可横跨的行数。
        <td rowspan="2"></td>

    colspan  属性规定单元格可横跨的列数。
        <td colspan="2"></td>

    表单/表单元素

    form   表单
    <input type="…… " name="" value="" />
    text              文本框
    password     密码
    radio            单选
    checkbox     复选
    submit         提交
    reset            重置
    button         按钮
    image          图片
    file               上传
    hidden         隐藏

    表单元素

    label  标签为 input 元素定义标注
        <input type="checkbox" name="" id="a"/>
        <label for="a">……</label>


    checked  在页面加载时默认选定的 input 元素。
        <input type="checkbox" name="" checked/>

    disabled  属性规定应该禁用 input 元素。
        <input type="checkbox" name="" disabled/>

    elect/option 下拉选框
        对高度的支持不兼容;


    textarea      文本域
        各个浏览器下的默认滚动条显示不兼容
        css3新增 resize 调整尺寸属性;
       

    轮廓线 表单元素兼容性问题

    outline 轮廓线;
    A标签轮廓线去除方法:
    1、<a href="#" onfocus="this.blur();">……</a>
    2、<a href="#" hidefocus>……</a>


    表单元素兼容性问题
        IE6下input背景滚动;

  • 相关阅读:
    微服务之集成(四)
    后缀数组
    HDU-6514 Monitor(二维前缀和+差分)
    前缀和、二维前缀和与差分
    2019年icpc上海网络赛 B Light bulbs (分块、差分)
    树状数组
    2019ICPC 上海网络赛 L. Digit sum(二维树状数组+区间求和)
    [USACO09MAR]向右看齐Look Up(单调栈、在线处理)
    Pay Back(模拟)
    [USACO09MAR]Moon哞哞叫Moon Mooing(模拟)
  • 原文地址:https://www.cnblogs.com/aix1314/p/3872292.html
Copyright © 2011-2022 走看看