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背景滚动;

  • 相关阅读:
    重构:以Java POI 导出EXCEL为例
    从源码角度看LinkedList一些基本操作(jdk1.7)
    OpenCV学习笔记(1)
    尝试实现手势控制计算机(持续跟进)
    神经网络学习笔记三——梯度检验、高级优化
    神经网络学习笔记二——反向传导
    神经网络学习笔记一——Neural Network
    C++ 指针和引用 吐血整理 Pointer&Reference
    BST 解析 (二)height and deletion
    BST 解析 (一)
  • 原文地址:https://www.cnblogs.com/aix1314/p/3872292.html
Copyright © 2011-2022 走看看