Html页面代码中 为什么要使用<form>表单标签,使用该标签有什么意义?

Html页面代码中 为什么要使用<form>表单标签,使用该标签有什么意义?,第1张

html<form>表单标签使用在一个网页中数据提交标签。 例如,可以在留言板,评论等中填写数据,表单提交标签是提交处理所必需的。

<form>表单标签包含输入框input,单选,多选,select下拉列表菜单和跳转菜单,提交按钮和其他标签元素。

使用<form></ form>声明表单区域,并在<form>中填写action的值作为表单区域中提交内容发送到的页面地址。

扩展资料:

1、<form>表单的属性有:

accept-charset、action、method、name、target等。其中:

(1)action:表单提交的地址,action的地址就是要提交的服务器的地址。

(2)method:以何种方式提交,常见的为get和post,区别在于一个是明文(在url中显示),一个是暗文。

2、<form>标签使用示例:

<form action="demo_form.php" method="get">

First name: <input type="text" name="fname"><br>

Last name: <input type="text" name="lname"><br>

<input type="submit" value="提交">

</form>

当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址。所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息。

1、创建一个HTML文件,命名为test.html,用于介绍form表单的各个元素。

2、创建一个form表单,以<form>开头,以</form>结束标签结尾。

3、在test.html中,编写三个input元素,实现一个输入框,一个单选,这三个元素必须有name属性,表单提交时必须有name属性才能正常提交。

4、在页面中添加一个提交的按钮,类型为submit,用于点击提交表单内容,这个也是必须的。

5、在form标签中增加action属性,这个属性用来设置表单提交的地址,这个地址用于接收并处理表单提交过来的数据,也是必须的。

6、为form表单添加method属性,这个属性用于设置数据提交的方式,有两种方式,一种是GET方式,即在URL中传递表单参数,另一种是POST方式,直接提交表单参数。

7、form表单还有一个name属性,一个表单的情况下可以不设置,但同一个页面有多个表单时,必须设置以区分不同的表单。

8、至此,完成表单的设置。以上的参数设置正常,表单才能正常提交数据。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6139128.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存