zoukankan      html  css  js  c++  java
  • 菜鸟日记-HTML-表格与表单

    一、表格

    <table></table>

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

    border:边框,常用值0

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

    align:对齐方式

    bgcolor:背景色

    background:背景图片

    <tr></tr>行

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

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

    height:行高

    bgcolor:背景色

    background:背景图片

    <td></td>单元格

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

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

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

    width:单元格宽度

    height:单元格高度

    bgcolor:背景色

    background:背景图片

    内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

    单元格合并:clospan:"n"合并同一行单元格

    rowspan:"n"合并同一列单元格

    二、表单

    <form id="" name="" method="post/get" action="负责处理的服务端">

    </form>

    id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,

    post提交无长度限制,且编码后内容不可见

    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="" />

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

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

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

    3、选择输入

    单选按钮组:<input type="redio" name="" checked="checked" value="" />

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

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

    下拉列表框:

    <select name="" id="" size="" multiple="multiple">----------mutiple为多选

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

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

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

    </select>

     

  • 相关阅读:
    基于jQuery+JSON的省市联动效果
    根据IP定位用户所在城市信息
    BGP详解
    宜人贷系统架构——高并发下的进化之路
    2016年中国500强利润率最高的公司,中国500强最赚钱的40家公司,ROE最高的公司
    95,96开头的号
    Eclipse Mars: How to Stop Updating Error Reporting Database
    scp传入固件,sysupgrade xx.bin升级固件
    error opening registry key software/javasoft/java runtime environment
    亚洲最佳电影TOP100出炉 你看过几部?
  • 原文地址:https://www.cnblogs.com/jingzhenhua/p/5800750.html
Copyright © 2011-2022 走看看