HTML模板制作教程-实用技巧

Web方式的应用开发一般都会将界面和程序逻辑脱离开来，允许在一定程度下更改界面，如改变界面文本的属性和建立多语言版本等，而无需改动程序逻辑。界面一般由美工来进行制作，而程序员负责具体功能的实现。在HTML中，表单（FORM）是最主要的传递信息的手段，它适用于任何浏览器。表单中有很多元素，包括输入文本框、单选框、多选框和按钮等，可以提供信息的交互。具体对象说明和语法请参见其他HTML书籍，这里不作介绍。根据应用需求，美工或其他设计人员将最后的Web页面设计出来，作为程序员进行开发的模板。

CGI程序的工作一般就是接收表单数据，进行数据处理，最后根据处理结果生成新的页面返回给浏览器。表单数据一般是以POST方法提交给服务器，由CGI程序获得，程序必须将界面数据和内部数据对应起来才能够进行下一步的处理。CGI程序从页面获取数据就根据元素名字/值中的元素名字来进行区分。但CGI返回页面就比较麻烦。由于界面在程序开发完成后还有可能会改变，而且有些需要程序处理的地方可能没有表单元素，因此对程序来说，不能以表单元素名作为区分的基础，一般方法是采用HTML中的注释来标记。

程序员需要在模板中为每一个表单元素以及其他任何需要程序处理的地方，按照一定规则，如注释的下一行就是表单元素行，建立其注释标记。CGI程序就可以根据注释标记来判断表单元素信息并进行处理。程序逐行读取模板文件，检查有无注释标记，如有，则下一行需要进行处理，给表单元素赋上数据，最后可以返回带数据的页面给浏览器。(www.xing528.com)

HTML模板还需要关注的是输入的检查。根据输入检查越早越好的原则，需要在用户界面上对用户提交的数据进行检查。目前一般采用javascript脚本的方式。当用户提交数据时，表单对象的onSubmit方法被调用，在该方法里就可以对用户的输入进行检查。常用的检查有是否必须、最大/小长度、是否字符、是否数字、Email地址、IP地址是否正确和是否匹配一个正则表达式等。