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

    表格:
    在设计里,创建表格,选择几行几列,表格宽度有百分比和像素
    图片是由像素组成
    像素越多,图片越清晰,图片的文件就越大

    基本结构:
    <table> --表格开始,表格里只能放行
    <tr> --行里只能放列
    <td>万物</td> --列/单元格
    </tr>
    </table>

    table的属性:
    cellpadding:内容与单元格边框的距离,内部距离
    cellspacing:单元格之间的距离,外部距离
    width:宽度
    border:边框
    align:水平对齐方法(align right 向右对齐)

    tr的属性
    valign 垂直对齐的方法
    height:行高

    table、tr和td里都有:
    align:水平对齐方法
    bgcolor:背景颜色
    backgroung:背景图片

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

    二、宽度和高度

    三、边框

    表单:

    表单元素一般就写在<form>表单标记中间,一个页面只能有一个form表单
    在head里打入<style type="text/css">
    id里的内容
    </style>
    一、文本输入
    文本框 - <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" - 是否可用
    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",就是默认选中项

  • 相关阅读:
    table表格
    常见页面布局方式(三种框架集)
    学习标签属性3
    学习标签属性2
    学习标签属性1
    Purity in My Programming: Functions in Go
    cron一有趣处
    go函数作为一等民
    LRU算法
    go中的一个网络重连复用
  • 原文地址:https://www.cnblogs.com/sunshuping/p/5595876.html
Copyright © 2011-2022 走看看