HTML表单的简单用法

2017-03-06  本文已影响0人  湖衣

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教程与饥人谷相关资料

上一篇下一篇

猜你喜欢

热点阅读