·合并列: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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。