zoukankan      html  css  js  c++  java
  • 表格与表单

    表格:
    基本结构:
    <table>
    <tr>
    <td>万物</td>
    </tr>
    </table>

    【表格中的每个单元格中都可以单独再添加表格】
    table 的属性:
    width:宽度
    border:边框
    align:对齐方式
    bgcolor:背景色
    background:背景图片
    cellpadding:内容与单元格边框的距离,内部距离
    cellspacing:单元格之间的距离,外部距离

    tr 的属性
    align:行内容水平对齐方式
    valign:行内容垂直对齐方式
    height:行高
    bgcolor:背景色
    background:背景图片

    td 的属性
    align:单元格内容水平对齐方式
    valign:单元格内容垂直对齐方式
    height:单元格高度
    单元格宽度
    bgcolor:背景色
    background:背景图片

    三个重点
    一、几行几列(几行,每一行有几个单元格)

    二、宽度和高度
    width="" higth=""
    三、边框
    border="" 以像素为单位 当数字为零时,表格无边框
    --------------------------------------------------------------------
    表单:表单元素一般就写在<form>表单标记中间,一个页面只能有一个form表单
    一、文本输入
    文本框 - <input type="text">
    密码框 - <input type = "password">
    文本域 - <textarea></textarea>
    隐藏域 - <input type="hidden">

    二、按钮
    提交按钮 - <input type="submit">
    重置按钮 - <input type="reset">
    普通按钮 - <input type="button">
    图片按钮 - <input type="image">

    disabled = "disabled/enable" -使按钮不可用/可用
    id=""
    value - 按钮显示文字


    三、选择输入
    单选按钮 - <input type="radio">
    复选按钮 - <input type = "checkbox">
    name="分组依据的内容" - 分组
    checked = "checked" - 默认选中(单选按钮组中只能有一个,多选按钮组中可有多个)
    <label for="指向id"> - 将焦点定位到for指向的id元素上去

    文件上传 - <input type = "file">
    下拉列表框:
    <select multiple="multiple"> - 是否显示多项
    <option>项1</option>
    <option>项2</option>
    ......
    </select>

    option 中有 selected 属性,设置selected = "selected",就是默认选中项


  • 相关阅读:
    多线程、线程同步、Lock接口
    线程池、匿名内部类、创建线程
    commons-IO、多线程
    PHP的一个坑
    jquery 实现导航栏滑动效果
    浏览器加载模式:window.onload和$(document).ready()的区别(详解)
    jQuery绑定事件-多种方式实现
    baidu-fex 精彩文章
    jquery1.11 操作checkbox:全选、取消全选、获取选择元素、获取取消选择元素(总结)
    倒计时时钟-原创
  • 原文地址:https://www.cnblogs.com/123lucy/p/5595841.html
Copyright © 2011-2022 走看看