HTML表格属性、表单属性

一、表格的标签及属性

1.表格table属性

属性 功能解释
Width、height 设置宽高,单位是像素(px)或百分比
align 定义表格对齐方式
border 设置外边框厚度
bgcolor 设置表格背景颜色
background 设置背景图片
Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0
Cellpadding 单元格边距(表格边框与内容的距离) 一般情况写0

2.表格table的行(tr)属性

属性 功能解释
align 定义表格行对齐方式
bgcolor 设置表格行的背景颜色
valign 规定表格内容中垂直对齐方式
char 规定根据那个字符来进行文本对齐

3.表格table的列(td)属性

属性 功能解释
Width 设置单元格宽度
align 定义表格行对齐方式
bgcolor 设置表格列的背景颜色
char 规定根据那个字符来进行文本对齐
Colspan 水平合并 合并多列
rowspan 垂直合并 合并多行
contentEditable 设置单元格为可编辑文本
valign 设置单元格内容的垂直排列方式

4.表格table的表头(th)属性
th是特殊的单元格
文字会自动加粗、居中。它的用法是取代td的位置即可

二、表单的标签及属性

1.表单from属性

属性 功能解释
action 设置表单的提交地址(表单提交的url)指定表单提交后由服务器上的哪个处理程序进行处理
method 设置表单的提交方法, 属性值为get、post提交方式
name 设置表单的名称
target 设置表单的打开方式, 属性值可以是_blank、_self。_self在原窗口中打开,为默认值
enctype 默认编码 或者指定二进制流 【附件的提交形式】
method 值为get:它是通过URL来传递表单数据的,表单元素的数据在地址栏可见,而且有大小限制,传数据量小一般不大于2KB
method 值为post:它是通过请求正文传递表单数据的,URL不可见表单元素数据,比较安全,而且没有大小限制,但往往服务器会控制

2.常用表单控件代码格式

// 
//文本框:主要用于输入单行文本内容。
姓名:<input type="text" />
账号:<input type="text" name="username" value="yolanda" readonly="readonly" /><br>

//
//密码框:主要用于输入一些保密信息,代码格式如下:
密码:<input type="password"/>
<label for="mm">密码:</label>
  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值