`

jsoo编程实例之单行文本框

编程OOHTML 
阅读更多 
<!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>
分享到：
| IntelliJ IDEA 7注册机
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    原生js select下拉选项框给文本框赋值代码

    原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码

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

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

    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实现选择不同radio改变文本框编辑状态.txt

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

    Js将页面中所有的文本框的属性修改

    在公司工作之余，将遇到的一些问题整理出来。本来是想写博客之类的，但是想想还是算了，毕竟从没写过，还是上传文档吧。

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

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

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

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

    JS 清空本页所有文本框

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

    js时间控件--在文本框添加时间弹出控件

    JavaScript时间控件是一种常见的网页交互元素，用于帮助用户在网页上的文本框中输入或选择时间。这种控件通常会提供一个弹出的日历或者时间选择器，使得用户能方便、直观地选择日期和时间，而无需手动输入。下面将...

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

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

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

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

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

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

    Ext js开发 编程 实例（最完整资料）

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

    js限制文本框输入内容

    在网页开发中，JavaScript 是一种常用的脚本语言，用于实现...而`js限制文本框输入内容.htm`这个文件可能就是示例代码，展示了如何实现上述功能的实例。通过阅读和理解这个文件，可以更深入地学习和掌握这些技术。

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

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

    JS双击文字显示文本框

    在JavaScript（JS）中，实现“双击文字显示文本框”的功能主要涉及到DOM操作、事件监听和用户交互设计。这个功能通常用于让用户编辑文本，比如评论或者备注，当用户双击文字时，文本框出现，用户可以进行编辑，然后...

    js 实现 使用checkbox控制文本框

    js 实现 使用checkbox控制文本框! 值得下载看看!资源免费,大家分享!!

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics