
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.5.1 表单标签的常用属性
<form>标签拥有两个常用属性,分别为action属性和method属性。
● action属性:用来指定提交路径。
● method属性:用来指定表单的请求方式,method的值可以为get或post。
前面案例中,可以发现表单中提交的值都在URL中以查询字符串的形式进行传递。其实,这是因为,此时<form>标签的method属性默认值为get。method的值除了get,还可以为post。当method的值为get时,数据将会以查询字符串方式提交;当method的值为post时,数据将会被打包在请求中。在实际使用中,为了安全起见,更建议在提交表单的时候使用post方式。
修改用户登录页面代码,实现登录成功后跳转到success.html页面,并设置表单提交方式为post。

success.html页面的代码如下。

再次提交表单查看效果,如图2-49所示。

图2-49 登录成功页面
结果表明,提交表单后成功跳转至success.html页面,并且URL中没有显示用户名和密码信息。