任务目标

利用HTML表单元素制作云课堂个人信息登记页面。

任务要求

（1）按照下图所示效果完成信息登记页面。

（2）“提交”按钮使用input标签完成。

（3）表单控件用label标签进行包裹。

（4）部分控件需要做验证。

效果如下图：

任务实施

（1）使用form标签并设定method与action属性。

（2）添加各个表单控件。

教学微课

教学课件

经验分享

开发过程中，凡是涉及到用户信息、长文本数据或有文件、图片上传的一律使用post方式进行提交，这样能够用户信息的泄露；而例如分页页码，搜索内容关键字或不记名推广来源等非敏感信息则可以使用get方式提交，且进行手动修改也较为便捷，并有可以提高搜索引擎收录概率。

另外一个重要的原因是两种方式上传信息的限制量有所不同。GET方式是通过URL携带数据进行传送的，所以限制GET方式内容大小的便是URL的最大长度。不同浏览器对于可发送最大URL长度如下：                               

虽然在现在的浏览器在URL长度限定上已经比上表数值有所提高，但是URL长度仍不足以提交长文本内容。这仅仅是浏览器端的限制，在服务器接收端同样有限制------服务器的最大URL识别长度，如果长度过长服务器会直接丢弃本次访问或者返回错误代码为414的错误信息。Apache服务器默认限制为8190字节，而Nginx的默认限制值为4K字节。通常开发时，尽量避免字符数量超过255的URl的使用。

能量贴士

“与朋友交，言而有信”是说: 同朋友交往时说话要讲诚信。语出《论语·学而》。