美文网首页
HTML表单的简单用法

HTML表单的简单用法

作者: 湖衣 | 来源:发表于2017-03-06 19:29 被阅读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教程与饥人谷相关资料

相关文章

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • FORM 表单

    html表单的简单用法 form表单作用: form标签用于为用户输入创建HTML表单,用于向服务器传输数据 fo...

  • HTML表单简单用法

    form表单 form表单用于收集用户的输入,并将收集到的输入组成Key:Value的形式发送到服务端 form ...

  • HTML表单简单用法

    表单是Web页面上负责用户输入与服务器端数据交互的最基础方式,这里我们针对最基本的表单内容显示,来看一下HTML的...

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • 简单介绍HTML表单的用法

    HTML表单是什么 HTML表单是一个网页提供给用户输入信息的地方,由 form 标签创建,其输入框都放在 ...

  • 简单介绍 HTML 表单的用法

    form表单 html的表单用于搜集各种用户输入信息并提交,能增加网站的交互效果。表单是一个包含表单元素的区域,用...

  • 简单介绍HTML表单的用法

    表单 表单的作用 收集页面上用户填写的信息,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。 表...

  • 简单介绍HTML表单的用法

    同我们平时填写的纸质表单一样,HTML表单用于搜集不同类型的用户输入 表单是一个包含表单元素的区域,表单元素是允许...

  • HTML表单的简单用法

    ** 本博客著作权归从这到那所有,转载请注明出处 ** 表单的作用 HTML表单用于接收不同类型的用户输入,用户提...

网友评论

      本文标题:HTML表单的简单用法

      本文链接:https://www.haomeiwen.com/subject/krdugttx.html