网页验证表单是实现验证信息的重要手段，通常是利用Javascript脚本在客户端实现验证用户输入信息的正确性。当用户输入了不合法的信息后，通过会在第一时间给用户相应的提示，以便用户及时改正输入的内容。下面就来一起了解一下网页验证表单的制作过程。
工具/原料
Dreamweaver 8 网页制作软件
方法/步骤
1
打开Dreamweaver8，点击“文件”→“新建”，在“常规”选项卡中选择新建“基本页”→”HTML”文件，最后点击“创建”按钮创建文档。然后将该文件进入保存，文件名名为“Avalidate.html”。
2
在文件“Validate.html”文件中，切换至代码编辑界面，输入如图所示代码。该代码重要用于为当前页面创建四个文本框和两个按钮，四个文本框分别用于输入用户名和密码，信息反馈，两个按钮分别是“提交”按钮和“重置”按钮。对应页面内容效果如图所示。
3
由于页面中的提示信息框只用于在用户输入信息错误情况下才能显示，因此在正常情况下应当是隐藏的，即应当将这些文本框的边框线设置为无，背景色设置为无。新建一文件“MyStyle.css”，并在其中输入如图所示的代码： .info { border:none; background-color:#FFFFFF;}对应效果如图所示：
4
添加脚本控制。点击“文件”→“新建”，在“常规”选项卡中选择新建“基本页”→”javascript”文件，最后点击“创建”按钮创建文档。然后将该文件进入保存，文件名名为“Avalidate.js”。在该文件中输入如图所示内容：
上一篇：准考证打印格式
下一篇：如何得到有免费的服务器呢？