Form 表单

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程

Python模块知识8:configparser、压缩模块

一、configparser模块 configparser用于处理特定格式的文件,其本质上是利用open来操作文件。 文件格式如: ? 1.基本的读取配置文件 ...

1686
来自专栏王磊的博客

ASP.NET页面的字符编码设置

在用ASP.NET写网上支付的接口程序时,遇到一个奇怪问题,通过表单提交过去的中文全是乱码,英文正常。而用asp程序进行测试,可以正常提交中文,asp页面中有这...

3396
来自专栏从零开始学 Web 前端

从零开始学 Web 之 Vue.js(四)Vue的Ajax请求和跨域

在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!

862
来自专栏代码世界

Django 相关

Web框架本质   其实所有的Web应用本质就是一个socket服务端,而用户的浏览器就是一个socket客户端。简单的socket代码如下: import s...

30211
来自专栏奔跑的蛙牛技术博客

Angular路由

1. reload方法用于刷新当前文档,不从缓存中读取,走一遍服务器。使用reload页面内的表单可能会重新提交

784
来自专栏AndroidTv

继续封装个 Volley 组件前言二次封装Github地址

那么,今天继续再来封装一个网络组件,基于 volley 的二次封装,目的也是为了简化外部使用,以及新项目可快速接入使用。

622
来自专栏Python小屋

使用Python检查密码安全程度

本文主要演示几种内置用法的用法和代码优化技巧,所以没有使用正则表达式。 import string def check(pwd): #密码必须至少包含6个字符...

2705
来自专栏WeaponZhi

Python爬虫入门(二)

上一篇文章大概的讲解了 Python 爬虫的基础架构,我们对 Python 爬虫内部运行流程有了一定的理解了,我们这节将用一些简单的 Python 代码实现Py...

3286
来自专栏自动化测试实战

flask第九篇——url_for【2】

2496
来自专栏PHP实战技术

你真的了解如何将 Nginx 配置为Web服务器吗

阅读之前,建议先阅读初识 Nginx。 之后,我们来了解一下 Nginx 配置。

2208

扫码关注云+社区