表格,表单和表单元素

1.HTML表格
1.1 table标签:声明一个表格。
1.2 tr标签:声明一个表格的行元素。
1.3 td标签:声明一个表格的单元格元素。

1.4 th标签: 声明一个表格的表头单元格元素。

2.HTML表格的设置
2.1 align属性: 设置单元格的文本对齐方式,left左对齐,right右对齐,center居中对齐。
2.2 border属性: 设置边框的粗细。
2.3 width属性:设置单元格的宽度。
2.4 height属性: 设置单元格的高度。
2.5 rowspan属性: 设置单元格跨行。
2.6 colspan属性:设置单元格跨列。

3.表单
3.1 表单是一个包含表单元素的区域。
3.2 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
3.3 表单元素使用标签<form>定义。
acton属性;规定当提交数据时向何处发送信息。URL目标路径。
enctype属性:规定在发送之前如何对其编码。
method属性:get和post方式提交。
target属性: 

4.表单元素

4.1<input>元素:用于指定输入项元素,必须放在form元素中。

4.1.1 name属性:用于设置输入项的参数名。

4.1.2 value属性:用于设置输入项的参数值。

4.1.3 readonly属性:用于设置输入项为只读,用户不可输入。

4.1.4 type属性:用于设置输入项的类型:

4.1.4.1type=”text”:文本输入框

4.1.4.2type=”password”:密码输入框,输入内容会自动转成圆点或者星号。用于保护用户输入的密码。

4.1.4.3type=”radio”:单选输入按钮,name属性相同的一组单选输入按钮,遵守互斥原则,只能选中其中一项。可以使用checked属性设置其为被选中状态。

4.1.4.4type=”checkbox”:复选输入按钮,name属性相同的一组复选输入按钮,允许同时勾选多个;勾选多个时,会将每个被选中的项的值均提交到服务器。可以使用checked属性设置其为被选中状态。

4.1.4.5type=”file”:文件上传控件,用于指定本地文件上传到服务器。

4.1.4.6type=”hidden”:隐藏输入项,不会在页面显示,但是会随着表单的提交而提交到服务器的数据。

4.1.4.7type=”submit”:提交按钮,自动绑定了表单的提交时间,用于定义点击时提交表单的按钮。

4.1.4.8type=”reset”:重置按钮,用于定义点击时清空表单中已经填写的内容的按钮。

4.1.4.9type=”button”:普通按钮,用于定义按钮,通常需要绑定事件处理函数。

4.2<select>元素:用于声明下拉列表元素。
4.2.1 name属性:用于设置输入项的参数名。
4.2.2 multiple属性:用于设置下拉列表允许多选。
4.2.3 size属性:用于设置下拉列表一次可以显示的选项个数,默认为1。

4.3<option>元素:用于定义下拉列表中的选项元素,必须放在select元素中。
4.3.1 value属性:用于指定该下拉选项的值。
4.3.2 selected属性:用于指定该下拉选项为被选中状态。

4.4<textarea>元素:用于定义一个文本域,可以输入多行文字。
4.4.1 rows属性:定义文本域显示的行数。
4.4.2 cols属性:定义文本域显示的列数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值