首页
编程
PHP基础
PHP教程
php框架
JavaScript
asp.net
AJAX
正则表达式
ASP
html代码
css
前端框架
Python
服务器
数据库
mysql
mssql
redis
数据库问题
系统教程
window10教程
window8教程
window11教程
window7教程
windowxp教程
linux教程
U盘教程
操作系统
Windowsxp
windows7
windows8
windows10
其他操作系统
程序下载
企业程序
小说/有声
网站模板
第三方软件
新闻资讯
第三方源码
小程序
商城源码
框架书籍
前端开发
服务器端开发
数据库
开发软件
其他手册
jquery插件库
输入
banner图
图片脚本
导航/分类
播放器
css3
jQuery脚本
jqueryhtml5
进度条
贴图/客服
在线工具
编码转换工具
在线IDE编码工具
开发手册
linux命令大全
Bootstrap
HTML参考手册
css手册/教程
ThinkPHP5.0
ThinkPHP3.2
当前位置:
Gxlcms
>
html代码
>
label标签使用过程中遇到的问题分析及解决思路
label标签使用过程中遇到的问题分析及解决思路
时间:2021-07-01 10:21:17
帮助过:66人阅读
最近在做东西时候使用到了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>
登录
记住我的登录
忘记密码?
登录
我已阅读
用户协议
及
版权声明
注册