HTML的表格和表单相关内容

原创于 2021-09-01 17:11:36 发布 · 218 阅读

CC 4.0 BY-SA版权

文章标签：

4 篇文章

订阅专栏

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

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