HTML的表格和表单相关内容

本文介绍了如何使用HTML table和form标签创建表格,包括colspan和rowspan的用法,以及表单中单选按钮、文本框的常见属性。深入浅出地讲解了前端开发中的基础表格和表单元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、表格
我们通过table标签来创建一个表格
tr标签表示一行,td标签表示一列
colspan属性:合并纵向单元格
rowspan属性:合并横向单元格
在这里插入图片描述

2、长表格
在这里插入图片描述
tr不是table的子元素,而是tbody的子元素,如果table标签中没有嵌入tbody标签,则浏览器会自动创建一个tbody标签,并且将tr全都放到tbody中
3、表单
在这里插入图片描述
在这里插入图片描述
文本框的placeholder属性可以设置文本框中的默认提示显示文字

<!--
单选按钮
- name属性用来给按钮分组,如果两个单选按钮name属性值一样,则属于一组,一次只能选择一个,实现单选的效果
- 像这种选择框,必须要指定一个value属性,value属性最终会作为用户的填写的值传递给服务器
- checked 可以将单选按钮设置为默认选中
 -->

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
input的type:text、password、radio、checkbox、submit、reset、button

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值