HTML的功能元素

最新推荐文章于 2024-03-29 19:06:40 发布

秃头小白

最新推荐文章于 2024-03-29 19:06:40 发布

阅读量164

点赞数

本文链接：https://blog.csdn.net/weixin_42496533/article/details/99450859

版权

本文深入探讨HTML中的表格和表单元素，包括table、form、input等关键组件的使用方法及属性说明，如width、border、caption、thead、tbody、tfoot等。同时，讲解了表单元素的name和value属性的重要性，以及form的action和type属性如何影响数据提交。

摘要由CSDN通过智能技术生成

功能元素

表格
table
属性：width border cellspading cellspading
caption 标题
thead 表头
tbody 表体
tfoot 表底
表单
注意：1.所有的表单元素都必须添加添加name属性
2.不可输入但是可以选择的表单元素，一定要添加value值；可输入的表单元素的value为用户输入的值

form的属性
action 后台接口地址
type http协议请求方式
get 参数拼接在浏览器的地址栏 url?k=v&k=v
请求报文格式：
```
					GET 	/sms/register.action?name=terry&password=123
					Content-size:12
					user-agent:mac safari				
```

post 参数放到请求报文请求体中进行传递
请求报文格式：
GET /sms/register.action

						Content-size:12
						user-agent:mac safari

						name=terry&password=123

表单元素

input
单行文本框
密码框
单选按钮
复选按钮
附件
提交按钮

input的属性
type
name 参数的key(不能缺省)
value 参数的value(按钮的时候不能缺省)
placeholder 提示语
checked 用在单选按钮和复选按钮中表示默认选中
selected 用在下拉菜单中表示默认选中
【注意】：checked和selected可以为单值属性
2. select
下拉菜单

<select name="shenfen">
					<option value="shanxi">山西</option>
					<option value="jiangxi">江西</option>
					<option value="甘肃">甘肃</option>
				</select>

select中的子元素一定为option,option中一般要添加value表示当选中该元素的时候，select的参数值为该value值,option中的value值可以不设置，那么value默认为文本值
3. textarea
多行文本域

4. 插件（日期选择，地址选择，富文本）