form 标签

用于前端给后端发送数据。发送数据的这个过程是靠该标签来实现,它是成对出现的。但光靠这一个标签无法发挥作用,还有其他组件与之搭配,先来介绍一下几个一起搭配的属性:
– method 是说明发送数据的方式,分为get/post
– action 设置当前表单提供的地址(如果没有地址,就提交给当前的页面)
– name 即为发送到后端的数据名
– value 就是数据值,可以理解为发送数据内容的主旨
!注意!:发送的数据一定要有数据名和数据值,缺一不可!
下面来一一介绍几个常用的组件吧!
input
这个元素是空的,只包含标签属性。它规定了用户可以在其中输入数据的输入字段,而输入字段可以通过多种方式改变,取决与type属性。
比如,我们如果想做一个单行文本框,就令type=”text”,如果令type=”password”,就是密码框,表现出来的样子也不一样。

这张图中p标签起到的作用就是转行,其实p标签的意义就是成段展示。
下面这张图是不是看起来很高级,只要学会了CSS,你也能行,奥利给!

比如密码框就会像第二张图一样,你打出来的内容会变成一个个小圆点。是不是看起来很安全,其实只有你自己看不见而已(手动滑稽)
当令type=”radio”,就是做单选框,单选框你会看到,是有一个个小圆圈供你选择。

当type=”checkbox”,为多选框,就是从圆圈变成了方块,其实也没多大区别

不管是单选框还是多选框,都要注意几个选项如果属于同一道题,要用name进行一个限制,把它们都限制在同一道题。就是name的内容一样,不然的话单选题就会变成多选题,选多少个都可以。小朋友才做选择,我全都要(滑稽)
select
也是成组出现的,常常和option一起用。展现出来的效果就是一个下拉菜单,如下图。

内容上简单来说就是以select为父级元素,option为子集元素。
实际内容是怎么写的,为了培养你们的学习能力,就自己上网查吧!才不是因为我懒得查了
数据名在select中写肯定是最方便的,而数据值,因为使用option,所以它是天然存在的,如果你硬要加value,也没问题,到时候的数据值就以value为准。
内容差不多就是这么多,想要了解更多就自己上网查吧。
以上图片来源来自网络。

最后修改日期: 2020年4月12日

作者

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论