在HTML5规范以前,其他的表单控件,如单行文本框,多行文本域、单选按钮等必须放在<form....../>元素中。<form....../>元素用于生成输入表单,该元素不会生成可视化部分。
<form....../>元素可以指定id、style、class等核心元素,还可以指定onclick等事件属性。除此之外还可以指定如下几个属性。
action:指定当单机表单内的“确认”按钮时,该表单被提交到那个地址。该属性可指定一个绝对地址,也可指定一个相对地址。
method:指定提交表单时发送何种类型的请求,该属性值可谓get或post,通常建议发送post请求。该属性必填。
enctype:指定对表单内容进行编码所使用的字符集。
name:指定表单的唯一名称,建议该属性值与id属性值保持一致。
target:指定使用哪种方式打开URL,该属性值可以是_blank、 _parent、 _self和_top四个值之一。
<form....../>元素中的method属性非常重要,它指定了该表单提交请求的方式,表单默认以GET方式提交请求。GET请求和POST请求区别如下。
GET方式的请求:直接在浏览器地址栏中输入访问地址所发送的请求,在提交表单发送请求时,没有设置method属性或设置了method属性为get,这几种请求都是GET方式的请求。GET方式的请求将请求的参数的名和值转换成字符串,并附加在原URL之后,所以在浏览器地址栏中可以看到请求的参数的名和值,这些数据量都比较小,一般不大于2KB。
post方式的请求:这种方式通常使用提交表单的方式来发送,需设置method的属性为post,post方式传送的数据量较大,通常post请求的参数的大小不受限制的,它的数据量比GET传输的数据量大,post方式发送的请求参数以及对应的值放在HTML HEADER中传输,用户看不到请求的参数值,安全性较高。
热点新闻
前端开发技术库