表格和表单的使用和区别

表格和表单的使用
表格

<table>
	<tr>
	<td>  </td>
	</tr>
<table>

以上为表格的基本代码格式
其中
1.table是定义一个表格;
2.tr 是定义表格中的一行,必须嵌套在table标签内,table中包含几对tr就有几行表格;
3.td 就是单元格,必须嵌套在tr标签内,tr有几个td就表示有几个单元格(就是几列)

表格属性
1.border:边框 默认值为0 单位:像素(px)
2.cellspacing:设置单元格和单元格之间的间距 单位:像素(px)
3.cellpadding:设置单元格内容和单元格的间距 单位:像素(px)
4.width:表格的宽度 单位:像素(px)
5.height:表格的高度 单位:像素(px)
6.align:设置表格的水平对齐方式 方向定位:left,center,right

表格的标题(caption)
caption的作用是定义标题,用在table中。

合并单元格(跨行合并:rowspan)(跨列合并:colspan)

表单
表单的主要使用取决于input的属性和属性值的调控

属性 | 属性值 | 描述

type ----- text----------单行文本输入框
------------password—密码输入框
------------radio---------单选按钮
------------checkbox—多选按钮
------------button--------普通按钮
------------submit--------提交按钮
------------reset----------重置按钮
------------image---------图像形式的提交按钮
------------file--------------文件域

name------由用户自定义------控件的名称
value-------由用户自定义input--------控件中的默认值
size---------正整数控件--------在页面中显示的宽度
checked-----------checked-----定义选择控件中默认被选中的项
maxlength------正整数控件--------允许输入的最大字符数


label标签为 input 元素定义标注
作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点如何绑定元素呢?
for 属性规定 label 与哪个表单元素绑定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值