表格和表单

表格(table)

表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 td 标签定义)。
tr下只能有td标签,td下可以添加任何元素。
一张完整的表包括表头,表体,和表尾,表尾不常用。
可以实现合并单元格的操作。

表格属性

table-border :这个整型元素使用像素,定义了表格边框的大小。如果设置为1,表示表格具有1px大小的边框。
table-width :该属性定义了表格的宽度。
table-bgcolor :这个属性定义了表格的背景颜色
table-align :这个属性指定了包含在文档中的表格必须如何对齐。有如下值:
left,表格将在文档左侧显示;
center, 表格将在文档中央显示;
right, 表格将在文档右侧显示;
table-cellpadding :这个属性定义了表格单元的内容和边框之间的空间。
table-cellspacing :这个属性定义了两个单元格之间空间的大小
table-frame
viod:不显示外边框

box
border:四周都显示

above:显示上部的外边框
below:显示下部的外边框
hsides:显示上下的外边框

lhs:显示左部的外边框
rhs:显示右部的外边框
vsides:显示左右的外边框

table-rules
none, 内边框将不被显示;这是默认的值;
rows, 内边框将在行之间显示;
cols, 内边框在列之间显示;
all, 内边框将被显示

thead/tbody/tfoot/tr/td -align:这个属性指定了包含在文档中的表格内容必须如何对齐。有如下值:
left
center
right
thead/tbody/tfoot/tr/td -valign :
bottom
middle
top
thead/tbody/tfoot/tr/td -bgcolor :这个属性定义了表格行的背景颜色

td-colspan:跨列属性
td-rowspan:跨行属性

表单

HTML 表单用于搜集不同类型的用户输入。

表单属性
新的 form 属性:
autocomplete
novalidate
新的 input 属性:
autocomplete
autofocus
form
form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
height 和 width
list
min, max 和 step
multiple
pattern (regexp)
placeholder
required

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值