Web前端开发与应用教程-第二版 第4章 参考答案 [2页] .pdfVIP

第4章构建Web表单

1.制作一个“在线订购”的表单页面，表单所需元素如图4-30所示。

参考4.3小节

2.制作一个关于兴趣爱好的调查表。

略

3.分别使用get和post两种提交方式制作表单页面，并比较两者的区别。

GETPOST

后退按钮/刷新无害数据会被重新提交（浏览器应该告知用户数

据会被重新提交）。

书签可收藏为书签不可收藏为书签

缓存能被缓存不能缓存

编码类型application/x-application/x-或

multipart/form-data。为二进制数据使用多重

编码。

历史参数保留在浏览器历史中。参数不会保存在浏览器历史中。

对数据长度的限制是的。当发送数据时，GET方法向URL添无限制。

加数据；URL的长度是受限制的（URL的最

大长度是2048个字符）。

对数据类型的限制只允许ASCII字符。没有限制。也允许二进制数据。

安全性与POST相比，GET的安全性较差，因为所POST比GET更安全，因为参数不会被保

发送的数据是URL的一部分。在发送密码存在浏览器历史或web服务器日志中。

或其他敏感信息时绝不要使用GET！

可见性数据在URL中对所有人都是可见的。数据不会显示在URL中。

4.设计一个页面，添加HTML5新增的input元素，在页面中实现对元素的验证。

参考4.3和4.4小节

5.扩展练习：在表单中实现文件上传。提示：利用file来实现，可以利用网络资料来完成。

参考答案：

formmethod=postaction=enctype=multipart/form-data

inputname=filetype=fileaccept=image/gif,image.jpg/

inputname=tokentype=hidden/

inputtype=submitvalue=提交/

/form