UC知道请分析这个html输入表单设计的原理
来源：百度知道 编辑：UC知道 时间：2024/06/22 15:21:35
先请看这个网页：http://m-event.cn/edm/symantec/090820/reg_1.html 。
1.可以看到对于未输入的项目，提交时会在项目旁用红字提示输入；
2.观察其代码：<td width="213"><input name="t_computer" datatype="Require" msg="请填写" style="width: 120px" /></td> ，里面的datatype="Require" msg="请填写"并不是标准的属性；
3.源代码里有一大段js代码（我是菜鸟，但不太懂）。
要请教的问题是：
1.请针对源码大致介绍一下这个页面的工作原理；
2.特别请介绍 datatype="Require" msg="请填写" 这些非标准属性是如何定义与工作的，与源代码中的js源码有无关系？这种红色提示能否及如何拓展应用到单选按钮、复选框上面？
3.类似提示功能能否用VBS+ASP实现？
谢谢您的指点！
1.可以看到对于未输入的项目，提交时会在项目旁用红字提示输入；
2.观察其代码：<td width="213"><input name="t_computer" datatype="Require" msg="请填写" style="width: 120px" /></td> ，里面的datatype="Require" msg="请填写"并不是标准的属性；
3.源代码里有一大段js代码（我是菜鸟，但不太懂）。
要请教的问题是：
1.请针对源码大致介绍一下这个页面的工作原理；
2.特别请介绍 datatype="Require" msg="请填写" 这些非标准属性是如何定义与工作的，与源代码中的js源码有无关系？这种红色提示能否及如何拓展应用到单选按钮、复选框上面？
3.类似提示功能能否用VBS+ASP实现？
谢谢您的指点！
1、工作原理就是普通的表单验证，没什么难的
就是在你提交的时候onclick或者onsubmit触发一个JS函数
该JS函数就会对表单中的一些项目进行验证。如果没有填写，就在项目旁边插入（或者是直接把原本隐藏的显示出来）一段HTML来提醒你
2、如果是标准浏览器（如firefox之类），“非标准属性”也是支持的，也可以用JS来读取，只不过这些“非标准属性”没有任何渲染表现而已。不过IE6及以下版本可能不支持。一般这种“非标准属性”只是为了实现某些JS功能而加上去了，其作用只不过是让JS来读取。这种提示功能完全可以拓展到其它，看你怎么用怎么写了。
3、这种功能是在客户端完成的，跟ASP没有任何关系。所以，可以用VBS来实现，但不推荐。因为标准浏览器不支持VBS，只有微软自家的IE浏览器才支持。