全国统一热线:
028-86758058
18980748058
购买流程
付款方式
常见问题
在线提问
续租服务
购物车(
0
件)
用户名:
密 码:
记住
首 页
HOME
域名注册
DOMAIN
虚拟主机
WEB HOST
成品网站超市
AUTO Site
VPS主机
VPS SERVER
云 主 机
CLOUD HOST
租用托管
SERVER
海外主机
HK HOST
代理专区
AGENT
客服中心
SERVICE
站长教程
SERVICE
欢迎光临西部数据云计算中心,我们将竭诚为您提供最优质的服务!
中文域名
域名转入
域名转出
DNS管理
动态域名
获取域名证书
域名停放
域名过户
集群主机
双线主机
基本主机
港台主机
论坛主机
Linux主机
Vip合租主机
超G型主机
ASP.net主机
Java主机
智能建站主机
网店主机
美国主机
数据库
成品网站超市
智能建站主机
集群VPS主机
国内VPS主机
香港VPS主机
美国VPS主机
云主机介绍
云主机购买
服务器租用
主机托管
常见问题
香港主机
港台主机
美国主机
国内免备案
步骤流程
代理级别
代理合同
代理模式
代理优势
在线申请
产品列表
常见问题
代理商分布图
常见问题
有问必答
跟踪提问
购买流程
产品价格
付款方式
常用软件
网站备案
续租服务
汇款确认
相关文档
联系我们
域名资讯
主机资讯
行业动态
网页制作
php教程
mysql教程
域名资讯
云计算资讯
网络编程
您当前的位置:
首页
>
网络编程
>
网站制作
label标签使用过程中遇到的问题分析及解决思路
时间:1970-01-01 来源:互联网 作者:佚名
最近在做东西时候使用到了label标签,由于之前很少使用label标签,所以就遇到一个很奇怪的问题。什么问题呢?下面来看一个效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML label tag 学习 by Typeof</title> <style type="text/css"> html, body { margin: 0; padding: 0; } .title { margin: 10px; } .login-item, .login-button { margin: 20px; height: 30px; } .clearfix { clear: both; content: ""; display: block; } .login-item label { float: left; width: 70px; } .login-item .text { height: 18px; width: 200px; float: left; } </style> </head> <body> <div class="title"> label标签使用过程中遇到的问题 </div> <div class="login-item clearfix"> <label for="username">用户名:</label> <input type="text" class="text" id="username" name="username" /> <lable id="J_usernameError"></label> </div> <div class="login-item clearfix"> <label for="password">密 码:</label> <input type="text" class="text" id="password" name="username" /> <label id="J_passwordError"></label> </div> <div class="login-button clearfix"> <input type="submit" value="登录" id="J_submitLogin" /> </div> <script> document.getElementById('J_submitLogin').onclick = function() { var usernameError = document.getElementById('J_usernameError'); usernameError.innerHTML = '用户名错误'; }; </script> </body> </html>
提示:您可以先修改部分代码再运行
这个demo要实现的目的是在点击登录按钮的时候校验用户输入的用户名、密码是否合法,如果不合法就在用户名输入框下面提示错误信息。
提示错误信息的元素计划用label实现。
通过运行代码打开demo页面,点击登录按钮,看会有什么变化。如果使用的是Firefox、Chrome或者IE9+,则点击登录按钮之后会提示 “用户名错误”,这是想要的结果。如果使用的是IE6, 7, 8如何一个再看看会有什么变化呢?这时候发现页面没有提示出来信息,打开开发人员工具,看下控制这时候会发现提示出来错误信息“SCRIPT600: 未知的运行时错误 ”。遇到这个问题的时候尝试了innerText和innerHTML两种方法,发现都会报这样的错误,以为是使用方法不对去w3cschool上面查了下发现也没有说不支持innerText和innerHTML的。
到底为什么会在IE6, 7, 8提示这样的错误而Firefox, Chrome, IE9+(其他浏览器没有尝试)运行正常呢。细心的人可能一下就看出问题在哪里了,对于提示“用户名错误”的元素开始标签写成了“lable”而不是label。但是我当时就没有发现这问题,一直以为是label标签使用方式上出现了问题呢,至于为什么IE6, 7, 8的JS引擎会在操作这种把标签名写错的元素的innerText、innerHTMl属性时出现错误,而Firefox、Chrome和IE9+没有出现错误,不是很清楚,如果有对这方面比较了解的朋友请解释下吧。
这个问题其实挺低级的,把标签名写错了嘛。但是当时自己就没有发现,后来仔细研究了一下才发现这个问题,所以还是记录一下。
来顶一下
返回首页
推荐资讯
从零开始学ASP.NET-基础篇第1/7页
第一天 学习目的: 掌握最基本的Label、TextBox、Button控件
ASP.NET入门数据篇
对于网站编程的初学者来说,总是会上网找些源码来看,但久而
相关文章
去除HTML标签删除HTML示例代码
asp.net HTML文件上传标签
动态加载Js代码到Head标签中的脚本
在asp.net(C#)中采用自定义标签和XML、XSL显示数据
asp.net(C#) 动态添加非ASP的标准html控件(如添加Scr
asp.net 过滤图片标签的正则
asp.net正则表达式删除指定的HTML标签的代码
Asp.net后台把脚本样式输出到head标签中节省代码冗余
Asp.net 后台添加CSS、JS、Meta标签的方法
效控制C#中label输出文字的长度,自动换行
栏目更新
栏目热门
返回首页
关于我们
联系我们
付款方式
价格总览
资讯中心
友情链接
媒体关注
有问必答
投诉建议
网站备案
《中华人民共和国增值电信业务经营许可证》编号:川B2-20080058号
官方网址:
xibushuju.com
西部数据
Copyright © 2002~2015
天府快车
版权所有
电话总机:
028-86758058
(50线) 传真:
028-86758058