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的信息。

表单标签的主要作用是:在HTML页面中创建一个表单,在用户填写完表单信息后,将数据提交给服务器。需要填写数据的标签必须要放在表单标签体里面。 常用的属性:action:请求路径,在该属性中确定表单数据提交的服务器地址。method:请求方式。常用的请求方式有:get,post。get(默认):1.get的请求的数据有限2.提交的表单数据是追加在请求的路径上,如:regist.action?username=jack&password=1111。追加是在请求地址的后面加上?连接。之后每一对数据使用&连接。post:1.提交的数据不在请求路径上追加,不显示在地址栏上。2.理论上,post请求的数据量是无限的。

方法和详细的 *** 作步骤如下:

1、第一步,打开Dreamweaver编辑器,准备一个空白html文件并编写基本html结构,见下图,转到下面的步骤。

2、第二步,执行完上面的 *** 作之后,创建一个表单,在表单中设置年龄和名称这两个属性,然后创建一个提交按钮,见下图,转到下面的步骤。

3、第三步,执行完上面的 *** 作之后,在上方设置script标签并在其中创建js函数来获取表单提交,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,打开浏览器预览效果,在表单中填写内容,然后单击提交,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,js会将数据提交到指定位置,见下图。这样,就解决了这个问题了。


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

原文地址:https://54852.com/zaji/6310194.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存