`

jsoo编程实例之单行文本框

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>JS-OO 单行文本框</TITLE>
 <style>
 <!--
	.inputBGFront{
		background-color:#f1f1f1;
		border:1px solid #FF6666;
	}
	.inputBGBack{
		background-color:#fffff0;
		border:1px solid #999999;
	}
 -->
 </style>
 <SCRIPT LANGUAGE="JavaScript">
 <!--
	var InputOO = function(obj){
		obj.className = "inputBGFront";
		obj.onmouseover = function(){
			obj.className = "inputBGBack";
		}
		obj.onmouseout=function(){
			obj.className = "inputBGFront";
		};
	}
	window.onload = function(){
		var inputList = document.getElementsByTagName("input");
		for(var i = 0 ; i<inputList.length ; i++){
			var inputObj = inputList[i];
			if(inputObj.type=='text'){
				InputOO(inputObj);
			}
		}
	}
 //-->
 </SCRIPT>
 </HEAD>
 <BODY>
<INPUT TYPE="text" NAME="" id="input1" value="aaaa"/><br/>
<INPUT TYPE="text" NAME="" id="input2" value="bbbb"/><br/>
<INPUT TYPE="text" NAME="" id="input3" value="cccc"/><br/>
<INPUT TYPE="text" NAME="" id="input4" value="dddd"/><br/>
<INPUT TYPE="text" NAME="" id="input5" value="eeee"/><br/>
 </BODY>
</HTML>

分享到:
评论

相关推荐

    js 实现 复选框和文本框的联动效果

    js 实现 复选框和文本框的联动效果! 值得下载看看!资源免费,大家分享!!

    js文本框限制输入 多种情况

    ### JS文本框限制输入多种情况知识点详解 #### 一、限制文本框只能输入数字(不允许输入小数点) 为了实现这一功能,可以采用`onkeyup`事件与正则表达式结合的方法来过滤非数字字符。具体实现代码如下: ```html ...

    js实现智能输入数字的文本框

    js实现智能输入数字的文本框,用于登录页面验证

    在js(jquery)中获得文本框焦点和失去焦点的方法

    先来看javascript的直接写在了input上 代码如下: &lt;input name=”pwuser” type=”...” /&gt; &lt;input name=”pwpwd” type=”password” class=”input1″ value=”******” onBlur=”if(this.value==”) this.va

    js限制文本框只输入正整数

    在探讨如何利用JavaScript限制文本框只输入正整数这一主题时,我们首先应当明确目标:确保用户在文本框中输入的数据仅包含正整数,即非负整数(不包括小数、负数以及任何非数字字符)。这在许多场景下至关重要,比如...

    js实现选择不同radio改变文本框编辑状态.txt

    js实现选择不同radio改变文本框编辑状态。多多指教。

    WebGis-典型的jsoo架构项目,吐血奉献

    "WebGis-典型的jsoo架构项目"标题表明这是一个以JavaScript Object-Oriented(JSOO)架构为基础的WebGIS开发实例,对于理解WebGIS的实现机制和JSOO架构的应用具有重要意义。 JSOO是JavaScript中面向对象编程的一种...

    【JS常用代码】JS处理文本框

    标题中的“JS常用代码”指的是JavaScript中经常使用的代码片段,特别是与处理文本框相关的操作。JavaScript是一种广泛应用于网页和网络应用的脚本语言,它在客户端运行,为用户提供交互性的体验。文本框(通常用HTML...

    js动态生成文本框并有删除功能

    ### JS动态生成文本框并实现删除功能的知识点 在现代Web开发中,动态地操作DOM(文档对象模型)是常见的需求之一。通过JavaScript可以轻松地实现这一目标。本篇文章将详细解析如何使用JavaScript来动态创建文本框,...

    JS 清空本页所有文本框

    ### JS 清空本页所有文本框 在Web开发中,有时我们需要为用户提供一个便捷的方式来重置表单或页面上的所有输入字段,尤其是文本框。然而,并非所有的表单都适合使用HTML表单元素自带的`reset`方法来实现这一功能。...

    js+css3实现的文本框选择编辑文字动画特效源码.zip

    js+css3实现的文本框选择编辑文字动画特效源码.zip

    JS实现下拉菜单赋值到文本框的方法

    JS实现下拉菜单赋值到文本框的方法涉及到JavaScript编程语言在Web页面元素操作上的应用,具体技术点包括页面元素的选择、事件处理以及表单元素之间的数据传递。在此场景中,当用户在网页上的下拉菜单(select元素)...

    js实现鼠标点击文本框自动选中内容的方法

    标题中提及的"js实现鼠标点击文本框自动选中内容的方法"主要涉及到的是JavaScript编程语言中的两个概念:鼠标点击事件(onClick)和文本选择事件(select)。在Web开发中,页面上的文本框(input type="text")或者...

    js文本框校验控件

    在网页开发中,JavaScript(简称JS)是一种必不可少的前端编程语言,它被广泛用于实现页面交互和用户输入验证。"js文本框校验控件"是JavaScript技术在表单验证中的应用,主要用于确保用户在输入框中输入的数据符合...

    Ext js开发 编程 实例(最完整资料)

    Extjs编程开发最完整资料,里面含有开发指南,编程实例以及编程过程中遇到的问题和解决方法

    JS日期控件选择到文本框

    在JavaScript(JS)中,处理日期和时间是常见的任务,特别是在构建用户界面时,我们经常需要为用户提供一种方便的方式来选择日期和时间,并将其显示在文本框中。"JS日期控件选择到文本框"这个话题涉及到如何使用...

    js select框美化用input文本框模拟select框美化特效

    在网页设计中,为了提升用户体验,常常需要对默认的HTML元素进行美化,其中就包括了对`&lt;select&gt;`下拉框的改进。本教程主要关注如何使用...希望这个教程能帮助你理解并实现js select框美化,让你的网页设计更加出色。

    js 获取页面中全部文本框,并判断是否为空

    js 获取页面中全部文本框,并判断是否为空,批量检查文本框是否空值。保证可以使用。

    js和jquery相关编程实例.rar

    js和jquery相关编程实例代码,学习js和jquery的话,这些例子很实用,比较全面,涉及js层操作、字符切换、图片切换、无刷新表单判断等,运行于多种WEB开发语言环境中,比如ASP/PHP等,前端开发的必备教材。

Global site tag (gtag.js) - Google Analytics