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

    1、表格

        <table></table> 表格

            宽度。可以用像素或百分比表示。常用960像素。

            border:边框。常用值0。

            cellpadding:内容跟单元格边框的边距。常用值0。

            cellspacing:单元格之间的间距。常用值0。

            align:对齐方式。

            bgcolor:背景色。

    background:背景图片。

     

        <tr></tr> 行

            align:一行的内容的水平对齐方式

            valign:一行的内容的垂直对齐方式

            height:行高

            bgcolor:背景色

    background:背景图片

     

        <td></td> 单元格

        <th></th> 表头,单元格的内容自动居中、加粗

            align:单元格的内容的对齐方式

            valign:单元格的内容的垂直对齐方式

            width:单元格宽度

            height:单元格高度

            bgcolor:背景色

    background:背景图片

        内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。设置单元格行高、列高时,会同时影响对应的行或列

        单元格合并:(建议尽量用表格嵌套)

            colspan="n"      合并同一行单元格(后面写代码要减去相对应的列)  

            rowspan="n"      合并同一列单元格(从第二行开始减去对应的列)

     

    2、表单

        <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后内容不可见。

    </form>

    1、文本输入

        文本框<input type="txt" name="" id="" value="" />

        密码框<input type="password" name="" id="" value="" />

        文本域<textarea name="" id="" cols=""(字符多少) rows=""(几行高)></textarea>

        隐藏域<input type="hidden"  name=""  id="" value="" />

    2、按钮

        提交按钮<input type="submit" name="" id="" disabled="disabled" value=""/>点击后转到form内的提交服务器的地址

        重置按钮<input type="reset" name="" id="" disabled="disabled" value=""/>

        普通按钮<input type="button" name="" id="" disabled="disabled" value=""/>

    图片按钮<input type="image" name="" id="" disabled="disabled" src="图片地址"/>

     

    附:

    disabled,使按钮失效;enable,使可用。

     

    3、选择输入

        单选按钮组<input type="redio" name="" checked="checked" value=""/>   name的值用来分组;value值看不见,是提交给程序用的;checked,设置默认选项。

    复选框组<input type="checkbox" name="" checked="checked" value=""/>

        文件上传<input type="file" name="" id="" />

    <lable for=""></lable>

    <label> 标签为 input 元素定义标注(标记)。

    label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

    <label> 标签的 for 属性应当与相关元素的 id 属性相同。

     

    下拉列表框

        <select  name="" id="" size="" multiple="multiple">      --size=1时,为菜单;>1时,为列表。multiple为多选。

         <option value="值">内容1</option>

    <option value="值" selected="selected">内容2</option>      --selected,设为默认

    <option value="值">内容3</option>

        </select>

  • 相关阅读:
    HDU 2899 Strange fuction
    HDU 2899 Strange fuction
    HDU 2199 Can you solve this equation?
    HDU 2199 Can you solve this equation?
    Java实现 LeetCode 700 二叉搜索树中的搜索(遍历树)
    Java实现 LeetCode 700 二叉搜索树中的搜索(遍历树)
    Java实现 LeetCode 700 二叉搜索树中的搜索(遍历树)
    Java实现 LeetCode 699 掉落的方块(线段树?)
    Java实现 LeetCode 699 掉落的方块(线段树?)
    Java实现 LeetCode 699 掉落的方块(线段树?)
  • 原文地址:https://www.cnblogs.com/zyg316/p/5713272.html
Copyright © 2011-2022 走看看