`

【转】鼠标经过自动选中输入框文字,提交表单按钮变灰色

    博客分类:
  • js
js 
阅读更多

当我们用鼠标经过输入框时,不用鼠标点击、亦不用右键全选,就可以得到文本框的焦点(选中文字)。另外,为了防止重复提交,当访客点击了提交以后,按钮变为灰色,实际代码:

 

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=GB2312" />

<title>更智能人性化的表单 - 烈火学院 Liehuo.Net</title>

<!-- 脚本部分 -->

<script type="text/javascript">

function $(str){ return(document.getElementById(str)); }

function check_submit(){

if($("txt_user_name").value==""){ alert("请填写用户名"); return(false); }

if($("txt_user_pass").value==""){ alert("请填写密码"); return(false); }

if($("txt_user_pass_confirm").value==""){ alert("请填写确认密码"); return(false); }

$("submit_button").disabled=true;

return(false);

}

function mover(){

event.srcElement.focus();

event.srcElement.select();

}

function mclick(){

if(event.srcElement.value=="[请输入用户名]")event.srcElement.value="";

}

function mblur(){

if(event.srcElement.value=="")event.srcElement.value="[请输入用户名]";

}

// 烈火網 liehuo.net 真诚的欢迎复制转载,因为互联网是复制出来的,我们拒绝恶意采集 liehuo.net

</script>

</head>

<body style="overflow:auto;">

<form action="" onsubmit="return check_submit();">

用户名:<br>

<input id="txt_user_name" onmouseover="mover();"

onclick="mclick();" onblur="mblur();" value="[请输入用户名]"><br>

密码:<br>

<input id="txt_user_pass" type="password" onmouseover="mover();" value="默认密码"><br>

确认密码:<br>

<input id="txt_user_pass_confirm" type="password" onmouseover="mover();" value="默认密码"><br>

<input type="submit" value="提交" id="submit_button">

</form>

</body>

</html><br /><center>如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>

 

 

转自:http://www.veryhuo.com/a/view/29342.html

分享到:
评论

相关推荐

    基于SpringBoot的企业oa管理系统(源码+数据库+万字文档)300

    企业oa管理系统,系统包含两种角色:管理员、用户,主要功能如下。 管理员: 1. 个人中心:管理管理员个人信息和进行相关操作。 2. 用户管理:管理用户的基本信息和权限设置。 3. 公告信息管理:发布和管理企业内部公告信息。 4. 客户关系管理:管理客户信息、跟进记录和销售机会等。 5. 通讯录管理:管理企业内部员工通讯录信息。 6. 日程安排管理:管理个人和团队的日程安排和会议安排。 7. 车辆信息管理:管理企业车辆的基本信息和使用情况。 8. 文件信息管理:管理企业内部文件的上传、下载和共享。 9. 工作日志管理:记录和管理员工的工作日志和任务完成情况。 10. 上班考勤管理:管理员工的上班打卡和考勤记录。 11. 工资信息管理:管理员工的工资信息和薪资发放。 用户: 1. 个人中心:管理个人信息和进行相关操作。 2. 公告信息管理:查看和阅读企业内部公告信息。 3. 客户关系管理:查看和管理与自己相关的客户信息和销售机会。 4. 通讯录管理:查找和查看企业内部员工通讯录信息。 5. 日程安排管理:查看和管理个人的日程安排和会议安排。 6. 车辆信息管理:查看和申请企业车辆的使

    Autox-v7-arm64-v8a-release-v7.1.2.apk

    AutoX.js 是一个基于 JavaScript 的自动化工具,主要用于安卓设备的自动化操作。它是 Auto.js 的一个分支,提供了更多的功能和更高的兼容性。以下是关于 AutoX.js 的一些基本介绍和使用方法。

    TypeScript全面进阶指南

    1.开篇:用正确的方式学习 TypeScript 2.工欲善其事:打造最舒适的 TypeScript 开发环境 3.进入类型的世界:理解原始类型与对象类型 4.掌握字面量类型与枚举,让你的类型再精确一些 5.函数与 Class 中的类型:详解函数重载与面向对象 6.探秘内置类型:any、unknown、never 与类型断言 7.类型编程好帮手:TypeScript 类型工具(上) 8.类型编程好帮手:TypeScript 类型工具(下) 9.类型编程基石:TypeScript 中无处不在的泛型 10.结构化类型系统:类型兼容性判断的幕后 11.类型系统层级:从 Top Type 到 Bottom Type 12.类型里的逻辑运算:条件类型与 infer 13.内置工具类型基础:别再妖魔化工具类型了! 14.反方向类型推导:用好上下文相关类型 15.数类型:协变与逆变的比较 16.了解类型编程与类型体操的意义,找到平衡点 17.内置工具类型进阶:类型编程进阶 18.基础类型新成员:模板字符串类型入门 19.类型编程新范式:模板字符串工具类型进阶 20.工程层面的类型能力:类型声明、类型

    3gpp-29504-j20.docx

    本文档是3GPP组织发布的关于5G系统中统一数据仓库服务(UDR)的技术规范,旨在为第三阶段(Relase 19)提供协议和数据模型的详细定义。该规范主要针对Nudr接口,规定了通过此接口NF服务消费 限时福利!送硅基流动100w deepseek token,支持api调用:https://cloud.siliconflow.cn/i/VkH0G5VX

    西门子G120 Vf和矢量控制的区别及相关参数设置

    西门子G120 Vf和矢量控制的区别及相关参数设置

    【宝城期货-2025研报】短期降息预期落空,国债期货震荡筑底.pdf

    【宝城期货-2025研报】短期降息预期落空,国债期货震荡筑底.pdf

    基于yolov5识别算法实现的DNF自动脚本源码.zip

    基于yolov5识别算法实现的DNF自动脚本源码.zip

    HR人力资源管理系统PersonManage

    HR人力资源管理系统PersonManage

    【宝城期货-2025研报】有色日报:有色午后走强,铜增仓上行.pdf

    【宝城期货-2025研报】有色日报:有色午后走强,铜增仓上行.pdf

    商城程序电脑端手机端微信端三合一板

    商城程序电脑端手机端微信端三合一板

    基于SpringBoot的个人理财系统(源码+数据库+万字文档)292

    个人理财系统,系统包含两种角色:管理员、用户,系统分为前台和后台两大模块,主要功能如下。 【管理员】: 个人中心:管理员可以在个人中心查看和修改自己的个人信息。 用户管理:管理员可以对用户进行管理,包括添加新用户、编辑用户信息、删除用户以及查看用户列表。 账单类型管理:管理员可以管理账单类型,包括添加新的账单类型、编辑账单类型信息、删除账单类型以及查看账单类型列表。 【用户】: 个人中心:用户可以在个人中心查看和修改自己的个人信息。 收入账单管理:用户可以添加和管理收入账单,包括记录收入的金额、时间、来源等信息,查看、编辑和删除已记录的收入账单。 支出账单管理:用户可以添加和管理支出账单,包括记录支出的金额、时间、用途等信息,查看、编辑和删除已记录的支出账单。 理财计划管理:用户可以制定和管理理财计划,包括设定目标、计划时间、计划金额等信息,查看、编辑和删除已设定的理财计划。 统计分析管理:用户可以查看自己的收入和支出情况的统计分析结果。 备忘录管理:用户可以添加、编辑和删除备忘录。 二、项目技术 编程语言:Java 数据库:MySQL 项目管理工具:Maven 前端技术Vue

    51-图解分布式训练(七)—— accelerate 分布式训练 详细解析.pdf

    面试题关注有更多资源,私信免费的

    【宝城期货-2025研报】宝城期货橡胶早报.pdf

    【宝城期货-2025研报】宝城期货橡胶早报.pdf

    20210928-以面向对象思想编写单片机程序.zip

    以面向对象思想编写单片机程序

    更新!中国各区县-平均风速数据(1951-2024年)

    ## 介绍 平均风速是描述一个地区风力强弱的重要气象指标,是指空间某一点,在给定的时段内各次观测的风速之和除以观测次数,其广泛应用于气候研究、农业、风能开发等领域 本分享数据包含中国各区县的平均风速数据,涵盖了1951年至2024年之间共21w+条数据,数据按年度进行整理 ## 一、中国各区县平均风速数据的介绍 数据年份:1951-2024年 数据范围:区县 数据格式:面板数据 样本数量:21万+ ## 二、数据指标

    Delphi 12.3控件之UPX-4.2.2(压缩exe文件).rar

    UPX_4.2.2(压缩exe文件).rar

    基于Python Tkinter的智能书库管理系统代码

    基于Python Tkinter的智能书库管理系统代码

    Tutorial Design of Smart Sensors-ISSCC2010.rar

    Tutorial Design of Smart Sensors-ISSCC2010.rar

    steam_appid.txt

    steam_appid

    基于双侧骶髂关节强直性脊柱炎的swinUNet、resunet、unet分割实验对比

    基于双侧骶髂关节强直性脊柱炎的swinUNet、resunet、unet分割实验对比,包含数据集和完整代码,可以一键运行 评估指标有dice、iou、recall、precision、特异度曲线等等

Global site tag (gtag.js) - Google Analytics