HTML 表单和输入

HTML <form> 标签

定义和用法：

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含menus、textarea、fieldset、legend和label 元素。

表单用于向服务器传输数据。

提示和注释

注释：form 元素是块级元素，其前后会产生折行。

属性：

1. accept-charset 属性 语法：<form accept-charset="value">

定义和用法：规定服务器用哪种字符集处理表单数据。

值：服务器可处理的一个或多个字符集。如需规定一个以上的字符集，请使用逗号来分隔各字符集。

常用值：

UTF-8 - Unicode 字符编码

ISO-8859-1 - 拉丁字母表的字符编码

gb2312 - 简体中文字符集

理论上讲，可使用任何字符编码，但没有浏览器可以理解所有的编码。字符编码使用得越广泛，浏 览器对其支持越好。

例子：

<form action="demo_form.asp" accept-charset="ISO-8859-1">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

2. action 属性 语法：<form action="value">

定义和用法:必需的 action 属性规定当提交表单时，向何处发送表单数据。

值：URL 向何处发送表单数据。

可能的值：

例子：

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

3. autocomplete 属性（ HTML5的新属性） 语法：<form autocomplete="on/off">

定义和用法:

autocomplete 属性规定表单是否应该启用自动完成功能。

自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, password, datepickers, range 以及 color。

提示：在某些浏览器中，您可能需要手动启用自动完成功能。

属性值：

on 默认，规定启用自动完成功能。

off 规定禁用自动完成功能。

例子：

<form action="/example/html5/demo_form.asp" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>
<p>请填写并提交此表单，然后重载页面，来查看自动完成功能是如何工作的。</p>
<p>请注意，表单的自动完成功能是打开的，而 e-mail 域是关闭的。</p>

4. enctype 属性 语法：<form enctype="value">

定义和用法：

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

根据第1节中的介绍，变量b是unicode类型的，操作系统会按照stdout的默认编码将b编码成str类型的变量，根据报错信息猜测系统stdout的默认编码是ascii，而ascii字符的范围是0-127，因此会报上述错误。strtoul() 会扫描参数 str 字符串，跳过前面的空白字符（例如空格，tab缩进等，可以通过 isspace() 函数来检测），直到遇上数字或正负符号才开始做转换，再遇到非数字或字符串结束时('。在servlet编程中，经常需要通过response对象将一些信息返回给浏览器，给我们的客户端，而我们在服务器端显示的中文，但是响应给客户端浏览器却是乱码，这主要是由于response对象的getwriter()方法返回的printwriter对象默认使用“iso-8859-1”字符集编码进行unicode字符串到字节数组的转换，由于iso8859-1字符集中根本就没有包含中文字符，所以java在进行转换的时候会将无效的字符编码输出给客户端，于是便出现了乱码，为此servletresponse接口中便定义了setcharacterencoding、setcontenttype等方法来指定getwriter方法返回的printwriter对象所使用的字符集编码，所以我们在写servlet程序中，在调用getwriter方法之前设置这些方法的值。

属性值：

application/x-www-form-urlencoded 在发送前编码所有字符（默认）

此外，通过使用与上下文无关的查找表对输入语句进行编码，该表的每个条目包含一个字符或音素。utf-8是国际编码，包含全世界所有国家需要用到的字符，对英文使用一个字节，中文使用三个字节来编码。'获取上传表单值,参数可选,如果为-1则返回一个包含所有表单项的一个dictionary对象。

text/plain 空格转换为 "+" 加号，但不对特殊字符编码。

例子:

<form action="/example/html/form_action.asp" method="get" enctype="text/plain">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

5.method 属性 语法：<formmethod="get/post">

定义和用法：

method 属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。

表单数据可以作为 URL 变量（method="get"）或者 HTTP post （method="post"）的方式来发送。

method 属性

浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法：POST 方法和 GET 方法。

另一种情况是采用 get 方法，这时浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action url 之后。3、rs-232串口连接定义 在rs-232串口端，dtr（数据终端就绪）、dsr（数据准备好）、rts（请条发送）和cts（清除发送）是最常用的硬件联络端口，txd（发送数据）、rxd（接受数据）和gnd（信号地）是三条最基本的连接端，允许数据同时在两个方向上传输，即全双工通信。前端每传输一个数据，发送一次dma请求，dma传输根据请求相应的从外部总线传输一个数据到内部存储器。

在服务器端，一旦 POST 样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

您可以全面控制浏览器中所要删除的浏览数据类型，包括浏览历史记录和下载历史记录、cookie、保存的密码以及保存的表单数据。需要注意的是ie浏览器删除浏览历史记录时，若勾选了表单数据、密码等将导致浏览器保存的表单信息丢失。url分开发送的，表单数据的各个字段之间用字符“&”分隔，从而组成一个标准的字符流，表单数据集合被包含在表单体中发送到服务器，所以其通常没有数据长度上的限制。

一般浏览器通过上述任何一种方法都可以传输表单信息，而有些服务器只接受其中一种方法提供的数据。可以在 <form> 标签的 method （方法）属性中指明表单处理服务器要用方法来处理数据，使 POST 还是 GET。

POST 还是 GET？

如果表单处理服务器既支持 POST 方法又支持 GET 方法，那么你该选择哪种方法呢？下面是有关这方面的一些规律：

例子：

1 <form action="form_action.asp" method="get">
2   <p>First name: <input type="text" name="fname" /></p>
3   <p>Last name: <input type="text" name="lname" /></p>
4   <input type="submit" value="Submit" />
5 </form>

6.name 属性 语法：<form>

定义和用法:

name 属性规定表单的名称。

form 元素的 name 属性提供了一种在脚本中引用表单的方法。

属性值：

name 表单的名称

例子：

1 <form action="form_action.asp" method="get" name="myForm">
2   <p>First name: <input type="text" name="fname" /></p>
3   <p>Last name: <input type="text" name="lname" /></p>
4   <input type="button" onclick="formSubmit()" value="Send form data!" />
5 </form>

html5引入了一些form的新属性，以下是一些使用上的注意事项：。用户重载form元素的action、enctype、method、novalidate与target属性。表 4–1 互斥锁属性例程 操作 相关函数说明 初始化互斥锁属性对象 pthread_mutexattr_init 语法销毁互斥锁属性对象 pthread_mutexattr_destroy 语法 设置互斥锁范围pthread_mutexattr_setpshared 语法 获取互斥锁范围pthread_mutexattr_getpshared 语法 设置互斥锁的类型属性pthread_mutexattr_settype 语法 获取互斥锁的类型属性 pthread_mutexattr_gettype语法 设置互斥锁属性的协议 pthread_mutexattr_setprotocol 语法 获取互斥锁属性的协议pthread_mutexattr_getprotocol 语法 设置互斥锁属性的优先级上限pthread_mutexattr_setprioceiling 语法 获取互斥锁属性的优先级上限pthread_mutexattr_getprioceiling 语法 设置互斥锁的优先级上限pthread_mutex_setprioceiling 语法 获取互斥锁的优先级上限pthread_mutex_getprioceiling 语法 设置互斥锁的强健属性pthread_mutexattr_setrobust_np 语法 获取互斥锁的强健属性pthread_mutexattr_getrobust_np 语法 表 4–2 中显示了在定义互斥范围时 solaris 线程和posix 线程之间的差异。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-110431-1.html