【表格标签】

本文详细介绍了HTML中的表格和表单元素,包括table、form、input、select、textarea等标签的使用方法及属性,如border、cellspacing、cellpadding、action、method、type、name、value、selected等,涵盖了表头、表单提交、单选、多选、下拉菜单、多行文本框等功能。

表格标签
1.table标签
<table>
<tr>
<td></td>
</tr>
</table>
table内部属性:
border 外边框的粗细程度
cellspacing 边框空隙的宽度
cellpadding 单元格文字与单元格边框的距离
width
height
align
colspan rowspan
CSS样式:border-bottom : none 去除下框线条
2.表头标签
<th></th> 加粗居中效果

3.表单标签(内部数据要提交)
<form></form>
1)form内部属性:
action=" 数据要传送的地址"
method="" 数据要传输的方式 get/post 默认为get
2)form下属标签
<input /> 附带属性:
type=" text" 单行文本框
密码框 password
按钮类 定制按钮:提交-submit 重置-reset
自定义按钮 button
数字框 number
自定义颜色框 color
选择文件框 file

radio-单选功能 checkbox-多选功能
checked=“checked” 预选定状态


value=" " 可用来填充按钮上的文字;只读/禁用状态下文本框的内容;单选/多选/下拉菜单下的识别值
name=" " 但凡有数据输入输出,就涉及name 属性
placeholder="" 设置背景提示语
readonly=" readonly" 只读状态,可传输
disabled="disabled" 灰色禁用状态,数据不传输
4.下拉菜单标签
<select>
<option></option>
</select>
option内部属性:selected="selected" 预选定状态
5.多行文本标签
<textarea></textarea>
内部属性:rows="" 所占行数 cols="" 所占列数
css样式 resize : none 关闭自动调整大小功能

 

转载于:https://www.cnblogs.com/DA-MO-WANG/p/10696794.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值