web第十一课：表格合并和form表单标签

·合并列：span（跨度的意思）

这个colspan属性是给td的，含义是：拿colspan=“2”举例，这个 colspan=“2”给A列1这个单元格含义是：属性给了1这个单元格以后，这个1单元格要占两列的宽度，所以2就没了，就成了右边这个表格了。

·合并行：同理合并列

实际应用情景如：

我们写一个上面这个表格的代码，代码如下：

 表格我们算是做完了，接下来如果这个表格中能输入内容，那不就活过来了！兄弟们，我又活啦，哈哈哈

·表单标签

代码演示1：

 结果1：

 解释：只写一个form标签是没用的，要写内容呀，如下

代码演示2：

 结果2：

 解释：input是单标签，输入标签；这里姓名属于文本，所以type的值为text，但是下面密码的type就等于password，因为password能让你的密码保密输入，而不是正大光明的像姓名一样能让人看见，后面的placeholder是信息提示。

我们既然都填了用户名和密码了，表单的作用就是将收集用户信息，那肯定要提交信息吧，提交给后端，来了，往下看

代码3：

 结果：

 解释：这个type=“submit”这个值性质是一个提交按钮，后面的value是按钮的名字，那点击这个按钮，信息会提交到哪里去呢，这个时候action就派上用场了，就提交到action后面提供的网址上，也就是你们后端保存用户信息的一个地方

接下来要注意的点是：

（1）input中的name必须要设置，否在在提交表单时，用户在其中输入的数据不会被发送到服务器

（2）form中的method属性要设置成post（默认是get），不然当你提交表单时，网址上会就出现你的登录名和密码，设置成post时，它会帮你隐藏

 

 代码演示：

 结果：

 填好信息以后点击登录，就会跳转到百度的界面

 还有重置按钮：

 用input标签写的按钮，也可以用按钮标签代替：button标签

 还有一个以后会常用的功能，看用户行为的，现在实际点上去没什么效果会出现，但以后会经常用，提一下：

 结果：

  实际操作链接：024-表格合并_哔哩哔哩_bilibili