首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Form 表单

Form 表单

作者头像
小胖
发布2018-06-27 15:59:08
2K0
发布2018-06-27 15:59:08
举报

1、form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

<form> 标签用于为用户输入创建 HTML 表单、向服务器传输数据。

<!--`<input type="button">`: 定义可点击的按钮,但没有任何行为,不会提交表单中的数据。button 类型常用于在用户点击按钮时启动 JavaScript 程序。,不会提交!!!-->
<input type="button" value="Click me" onclick="msg()" />

<!--`<input type="text" /> 定义用户可输入文本的单行输入字段。-->
Email: <input type="text" name="email" />
Pin: <input type="text" name="pin" />

<!--`<input type="submit" >`:定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。-->
<form action="form_action.asp" method="get">
Email: <input type="text" name="email" />
<input type="submit" />
</form>

<!--`<input type="reset">`:定义重置按钮。重置按钮会清除表单中的所有数据。-->
<input type="reset" />

<!--`<input type="checkbox">`:定义复选框-->
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car

<!--`<input type="radio">`:定义单选按钮。-->
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female

<!--`<input type="password" />`: 定义密码字段。密码字段中的字符会被掩码(显示为星号或原点)。-->
<input type="password" name="pwd" />

2、post 和 get 方式的区别?

1.get:在向后台传输数据时,会用&把数据连接起来,然后链接在?后面,形成一个新的URL。而post不会形成新的URL,但数据依旧能传输给后台。 2.get常用于向后台提取或查询数据,即输入一个提示词,后台根据提示词筛选数据,从而得到数据。而post常用于向后台传输数据,post的安全性较高。 3.get方式可提交的数据量跟URL的长度有直接关系,因此并不能传输大量的数据。而post传输的数据量取决于服务器的处理程序的处理能力,但相比get方式,能够传输较大量的数据。 4.在form中,Method的默认方式是get。

POST 还是 GET?

  • 如果希望获得最佳表单传输性能,可以采用 GET 方法发送只有少数简短字段的小表单。
  • 一些服务器操作系统在处理可以立即传递给应用程序的命令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该采用 POST 方法来发送。
  • 如果你在编写服务器端的表单处理应用程序方面经验不足,应该选择 GET 方法。如果采用 POST 方法,就要在读取和解码方法做些额外的工作,也许这并不很难,但是也许你不太愿意去处理这些问题。
  • 如果安全性是个问题,那么我们建议选用 POST 方法。GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录。如果参数中包含了信用卡帐号这样的敏感信息,就会在不知不觉中危及用户的安全。而 POST 应用程序就没有安全方面的漏洞,在将参数作为单独的事务传输给服务器进行处理时,至少还可以采用加密的方法。
  • 如果想在表单之外调用服务器端的应用程序,而且包括向其传递参数的过程,就要采用 GET 方法,因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面,使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程,其中传输的内容不能作为传统 <a>标签的内容

3、在input里,name 有什么作用?

规定 input 元素的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。

4.radio 如何 分组?

将需要设为同一分组的radio的name属性,设为相同值。 下面为同一组:

<input type="radio" name="number" value="1">1

<input type="radio" name="number" value="2">2

<input type="radio" name="number" value="3">3

下面为不同组:

<input type="radio" name="a" value="1">1

<input type="radio" name="b" value="1">1
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.06.07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
  • 2、post 和 get 方式的区别?
  • 3、在input里,name 有什么作用?
  • 4.radio 如何 分组?
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档