关于表单,我有话说

      对于表单,我想大家应该也不陌生。比如我们在打开搜索引擎,会有个输入框让我们输入搜索的内容。这是表单的其中一种类型。对于Html中表单的作用,除了有文本外,还包括其他按钮,时间等。特别是HTML5中,引入了许多表单新特性,大大为网站开发提供了方便。也为用户带来了友好的界面体验。

<form></form>标签用提交按钮等为用户输入创建HTML表单。表单能够包含input元素,比如文本文段、复选框、单选框、提交按钮等。表单还可以包含menustextareafieldsetlegend、和lable元素。其中需要注意的是,表单用与向服务器传输数据,在写表单属性时name属性值用于对提交到服务器后的表单数据进行标识。比如在写单选按钮时,若要二选一的情况下,少不了对name属性的设置。例子如下:

性别:<input type="radio" name="sex" value="">

      <input type="radio" name="sex" value="">

若加入表单中有两组单选按钮,也通过name属性来区分,如下:

性别:<input type="radio" name="sex" value="">

         <input type="radio" name="sex" value="">

语言:<input type="radio" name="language" value="汉语">汉语

      <input type="radio" name="language" value="英语">英语

表单<form></form>有一些必须的和可选的属性:

要注意的是必需的 action 属性规定当提交表单时,向何处发送表单数据。

method属性规定如何发送表单数据(表单数据发送到action属性所规定的页面)。如下例子,表单数据将通过method属性附加到URL上:

<form action="index.html" method="get">

姓名:<input type=”text” name=”name”>

年龄:<input type=”text” name=”age”>

<input type=”submit” value=”submit”/>

</form>

效果图如下:

提交前

提交后:跳转时,在url地址中添加了nam属性及其对应的值

 

浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法:POST 方法和 GET 方法。

如果采用 POST 方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与 action 属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就会按分段传输的方法将数据发送给服务器。

在服务器端,一旦 POST 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

另一种情况是采用 GET 方法,这时浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。

一般浏览器通过上述任何一种方法都可以传输表单信息,而有些服务器只接受其中一种方法提供的数据。可以在 <form> 标签的 method (方法)属性中指明表单处理服务器要用方法来处理数据,使 POST 还是 GET

 

转载于:https://www.cnblogs.com/46ly/p/5729279.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值