HTML表单的简单用法

HTML 表单用于搜集不同类型的用户输入,表单是一个包含表单元素的区域 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
form标签是表单的外壳,主要有四个属性:
action: 表单提交的地址
method:提交保单的方法
target:在何处打开action
enctype:
1.application/x-www-form-urlencoded:在发送前编码所有字符(默认)
2.text/plain:空格转换为 "+" 加号,但不对特殊字符编码
3.multipart/form-data:使用包含文件上传控件的表单时,必须使用该值

<form> 元素
HTML 表单用于收集用户输入。
实例
<form>
.
form elements
.
</form>

<input> 元素
<input> 元素是最重要的表单元素。
<input> 元素有很多形态,根据不同的 type 属性。如下所示:
type="text":用于输入文本。
type="password":用于输入密码,输入的内容显示为星号。
type="checkbox":复选框,加checked属性会默认选上。
type="radio":单选圆圈按钮,name要相同才能实现单选,value要有值。
type="hidden":隐藏域,用户看不到,两个作用:1.用于暂存一些信息;2.安全性校验防止他人修改数据库,value错误,服务器不接受他人修改。

Action 属性
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常,表单会被提交到 web 服务器上的网页。
<form action="action_page.php">
如果省略 action 属性,则 action 会被设置为当前页面。

Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
<form action="action_page.php" method="GET">
或:
<form action="action_page.php" method="POST">

Name 属性
如果要正确地被提交,每个输入字段必须设置一个 name 属性。

有关问题:
1.post 和 get 方式的区别与应用。
get方式向后台发送请求时,会把请求数据拼接成k=value的形式,连在一起然后组装在URL上。缺点是安全系数不高以及URL过长导致截断,传输数据不完整。对于简单,安全性要求低的请求数据用get方式。
post方式数据参数仍会通过浏览器传输给后台,但是URL不会发生变化。post传输数据没有大小限制。对于安全性要求比较高传输数据用post方式。

2.type=hidden隐藏域有什么作用? 举例说明。
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
比如一个用户填完表单后提交,在服务器中可以看见此表单的隐藏域信息并判断是否与之前设置的一样,这样可以安全性校验防止他人修改数据库。

注:本文主要来自W3C教程与饥人谷相关资料

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...
    cctosuper阅读 423评论 0 0
  • ** 本博客著作权归从这到那所有,转载请注明出处 ** 表单的作用 HTML表单用于接收不同类型的用户输入,用户提...
    从这到那阅读 340评论 0 1
  • 简介及引言 1.目的 简单说就是html通过表单收集用户信息(即:不同类型数据)并提交后台服务器。 元素定义 H...
    阿伦的前端成长之路阅读 452评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,224评论 19 139
  • 引言 表单,顾名思义用于填充之后将数据提交给服务器。要完成这一过程,除了用户填写以外,我们还需要完成几个部分,第一...
    饥人谷_風逝阅读 143评论 0 0