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

相关文章

学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习...
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面...
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生...
Can’t connect to local MySQL server through socket \'/v...
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 ...
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服...