HTML5 表单的补充+注意事项

input标签中

 type="image" 与 type="submit"属性   的区别    (下文简写image和submit)

1.这两者都可以响应请求；

2.不同之处是当 method="GET" 时，当鼠标点击image时，除了能正常请求URL,还能把鼠标点击图片时的焦点坐标（注意：

这个焦点坐标是相对于点击的图片说的）作为参数出现在url里。 http://passport.cnblogs.com/login.aspx?uname=%D5%C5%C8%FD&pwd=123&x=168&y=21

 

 

表单中的只读和禁用属性

1. 只读：服务器方不希望用户修改数据，只是要求这些数据在表单中显示。例如注册或交易协议，商品价格等。

2. 禁用：只有满足某个条件后，才能使用某项功能。例如，只有用户同意注册协议后才允许单击”注册“按钮。播放器空间在播放状态不能再单击”播放“按钮等。

 

 

label标签

label 元素不会向用户呈现任何特殊的样式。如果用户点击 label 元素内的文本，则会切换到控件本身。

<label> 标签的 for 属性值应该等于相关元素的 id 属性值，以便将它们捆绑起来。

实例

<form>

<label for="male">男</label>

<input type="radio" name="sex" id="male" />

<br />

<label for="female">女</label>

<input type="radio" name="sex" id="female" />

</form>

解释：

点击男就会选择男的按钮，点击女就会选择女的按钮

 

 

 

get post区别

表单用来接受用户的输入，并将用户的输入以“name=value值对”集合的形式提交到服务器进行处理。

表单form的一些属性

1、id：表单的唯一标识

 

2、name：表单的名字

 

3、method：定义表单提交的方法，有两种方法：Post方法和Get方法

 

4、action：用于处理表单的服务器端页面（以URL 形式表示）

 

表单中的控件有两个属性是非常重要的：name属性和value属性，每一个控件的这两个属性将构成“name-value对”提交到action属性所定义的页面进行处理

 

 

post方法提交的表单，数据将以数据块的形式提交到服务器，表单数据不会出现在浏览器的URL中，所以用这种方式提交的表单数据是安全的。如果表单数据中包含类似于密码等数据，建议使用post方法。

 

 

Get方法是发送表单数据的默认方法，这种方法会以“?name1=value1&name2=value2”的形式，将表单数据附加到浏览器中URL的后面，提交到服务器处理，这种方法安全性当然不如post方法，因为表单数据会暴露在URL中，但是它的处理效率要比post方法高。如果表单中的数据没什么隐私数据，建议使用get方法，它的效率较高。

 

总结：

get：提交的数据量要小于1024字节，表单提交时表单域数值（表单请求的信息：账号、密码…）将在地址栏显示。

 

 

 

HTML <form> 标签的 enctype 属性

实例

在下面的例子中，表单数据会在未编码的情况下进行发送：

<form action="form_action.asp" enctype="text/plain">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

定义和用法

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

默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）。

语法

<form enctype="value">

属性值

值	描述
application/x-www-form-urlencoded	在发送前编码所有字符（默认）
multipart/form-data	不对字符编码。 在使用包含文件上传控件的表单时，必须使用该值。
text/plain	空格转换为 "+" 加号，但不对特殊字符编码。

 

 

 

的