5月31号=》51页-55页
3.1 HTML原有的表单及表单控件
3.1.1 表单元素
<form>元素的属性:
action:提交表单时,该属性值被提交到哪个地址,该属性可以是绝对地址,也可以是相对地址。
method:指定提交表单时发送何种类型的请求,该属性可为get或post。
get方式的请求:会将请求参数的名和值转换成字符串,并附加在原URL之后,因此可以
在地址栏中看到请求参数名和值,且get请求传送的数据量较小,一般不能大于2kb。
post方式的请求:请求参数的大小不受限制,单往往取决于服务器的限制,post请求传输的数据量
总比get传输的数据量大,且该方式发送的请求参数以及对于的值放在HTML HEADEER
中传输,用户不能再地址栏里看到请求参数值,安全性相对较高。
enctype:指定对表单内容进行编码所使用的字符集。该属性有如下三个值。
application/x-www-form-urlencoded:这是默认的编码方式,他只处理表单控件里的value属性值,
采用这种编码方式的表单会将表单控件的值处理成URL编码方式。
multipart/form-data:这种编码方式会以二进制流的方式来处理表单数据,这种编码方式会把文件域
指定文件的内容页封装到请求参数里。当需要通过表单上传文件时使用该属性值。
text/plain:当表单的action属性值为mailto:URL的形式时使用这种编码方式比较方便,这种编码
方式主要适用于直接通过表单发送邮件的方式。
name:指定表单的唯一名称,建议该属性值与id属性值保持一致。
target:指定使用哪种方式打开目标URL(提交请求会打开另一个URL资源),与超链接的target可接受的属性值
完全一样,该属性值可以是_blank、_parent、_self、_top四个值中之一。
关于表单控件转换成请求参数的规则如下:
每个有name属性的表单控件对应一个请求参数,没有name属性的表单控件不会生成请求参数。
如果多个表单控件有相同的name属性,则多个表单控件只生成一个请求参数,只是该参数有多个值。
表单控件的name属性指定请求参数名,value属性指定请求参数值。
如果某个表单控件设置了disabled或disabled="disabled"属性,则该表单控件不再生成请求参数。
3.1.2 使用input元素
<input>元素时表单控件元素中功能最丰富的,如下几种输入元素都是通过<input>元素生成的:
单行文本框:指定<input>元素的type属性为text即可。
密码输入框:指定<input>元素的type属性为password即可。
隐藏域:指定<input>元素的type属性为hidden即可。
单选框:指定<input>元素的type属性为radio即可。
复选框:指定<input>元素的type属性为checkbox即可。
图像域:指定<input>元素的type属性为image即可。当type="image"时,可以为该元素指定
width和height两个属性。
文件上传域:指定<input>元素的type属性为file即可。
提交、重设、无动作按钮:分别指定<input>元素的type属性为submit、reset、button即可。
<input>元素可以指定如下几个属性:
checked:设置单选框、复选框初始状态是否处于选中状态,该属性值只能是checked,表示初始
即被选中。只有当type属性值为checkbox或radio时才可指定该属性。
disabled:设置首次加载时禁用此元素。该属性值只能是disabled,表示该元素被禁用,则该元素
无法获得输入焦点、无法选中、无法在其中输入文本,无法响应鼠标单击、双击等事件。
当type="hidden"是不能指定该属性。
maxlength:该属性石一个数字,指定文本框中所允许输入的最大字符数。
readonly:指定该文本框内的值不允许用户修改(可以使用javaScript脚本修改)。
size:该属性值是一个数字,指定该元素的宽度。当type="hidden"时不能指定该属性。
src:指定图像域所显示图像的URL,只有当type="image"时才可指定该属性。
浙公网安备 33010602011771号