【html】表格table与表单form

贺情

已于 2022-05-17 14:05:07 修改

阅读量1.1k

点赞数 1

文章标签： html css 前端 html5 css3

于 2022-04-23 09:49:48 首次发布

本文链接：https://blog.csdn.net/m0_50947589/article/details/124354860

版权

本文详细介绍了HTML中的表格table和表单form的使用。表格部分讲解了如何设置边框，合并单元格的方法；表单部分阐述了form的属性如action和method，以及表单元素如input和textarea的用法，强调了数据提交的安全性。

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

表格 table

table标签，display值为table。作用对于整个表格而言，像一个容器。里面包含了tr标签（表格行）、td（单元）等，由于表格中没有列的分类，所以每行中以单元的个数划分列。

table本身有一些默认的css样式，没有重置过的表格如下：

<table>
       <tr>
           <td>1</td>
           <td>2</td>
           <td>3</td>
           <td>4</td>
           <td>5</td>
       </tr>
       <tr>
           <td>1</td>
           <td>2</td>
           <td>3</td>
           <td>4</td>
           <td>5</td>
       </tr>
       <tr>
           <td>1</td>
           <td>2</td>
           <td>3</td>
           <td>4</td>
           <td>5</td>
       </tr>
   </table>

给table加上一个边框（注意边框添加时的位置与语法），就会变成这样：

<table border="1">
       <tr>
           <td>1</td>
           <td>2</td>
           <td>3</td>
           <td>4</td>
           <td>5</td>
       &

最低0.47元/天解锁文章