`

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 实现表格中动态添加文本框

    js 实现表格中动态添加文本框 及下及用，童叟无欺。

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

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

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

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

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

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

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

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

    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时间控件--在文本框添加时间弹出控件

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

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

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

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

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

    Vue 处理表单input单行文本框的实例代码

    在Vue.js框架中，处理表单输入，特别是单行文本框（`input[type="text"]`），是一项常见的任务。Vue提供了简洁且强大的数据双向绑定功能，使得与表单交互变得非常简单。本篇文章将深入探讨如何在Vue中使用v-model...

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

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

    JS双击文字显示文本框

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

    js 实现 使用checkbox控制文本框

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

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