表 单
- 1. 表单标签:<form>
表单标签是最常用的标签,用于与服务器端的交互。
<input>:输入标签 :接收用户输入信息。
其中的type属性指定输入标签的类型。
l 文本框 text。输入的文本信息直接显示在框中。
l 密码框 password。输入的文本以原点或者星号的形式显示。
l 单选框 radio 如:性别选择。
l 复选框 checkbox 如:兴趣选择。
l 隐藏字段 hidden 在页面上不显示,但在提交的时候随其他内容一起提交。
l 提交按钮 submit 用于提交表单中的内容。
l 重置按钮 reset 将表单中填写的内容设置为初始值。
l 按钮 button 可以为其自定义事件。
l 文件上传 file 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。
l 图像 image 它可以替代submit按钮。
<select>:选择标签 提供用户选择内容。如:用户所在的省市。size 属性为显示项目个数。
<option>:子项标签 属性 selected 没有属性值,加在子项上,其中一个子项上,子项就变成默认被选项。
<textarea>:多行文本框。如:个人信息描述。
<label>:用于给各元素定义快捷键。
for 属性:指定快捷键作用的表单元素。必须与要作用的表单元素的id值相同。
accesskey 属性:指定快捷键,此快捷键需要和alt键组合使用。
例:
<label for="user" accesskey="u">用户名(u)</label>
<input type="text" id="user" />
表单提交:
1.先定义form表单中的action属性值,指定表单数据提交的目的地(服务端)。
2.明确提交方式,通过指定method属性值。如果不定义,那么method的值默认是get。
get和post这两种最常用的提交方式的区别:
1.get提交将数据显示在地址栏,对于敏感信息不安全。
post提交不显示在地址栏,对于敏感信息安全
2.地址栏中存放的数据是有限,所以get方式对提交的数据体积有限制。
post可以提交大体积数据。
3.对提交数据的封装方式不同:
get:将提交数据封装到了http消息头的第一行,请求行中。
post:将提交的数据封装到消息头后,在请求数据体中。
注意:通常表单使用post提交,因为编码方便。
对于Tomcat服务器端,默认的解码方式是ISO8859-1,那么中文会出现乱码。
通过post提交,可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题,该方法只对数据体有效。
如果是get提交,request.setCharacterEncoding(“GBK”)该方法对乱码解决不了,必须先进行ISO8859-1编码,然后在进行GBK的解码。这种方式虽然对post提交的乱码也通用,但是麻烦。所以建立表单提交使用post。