`
清风夜影寒
  • 浏览: 150960 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

文本框内容为空时 边框变为红色。js控制文本框的class

JavaScriptCSSHTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
     <title>
     </title>
     <!--设置文本框的边框颜色和样式-->
     <style type="text/css">
       .input{
	   border-color:#FF0000;
	   border-style:solid;
	   }
     </style>
     <script type="text/javascript" language="javascript" >
	 <!--当文本框为空时，加载css的方法-->
        function fun(test){
		  var value= document.getElementById(test).value;
		  var object= document.getElementById(test);
		  if(value==null||value==''){
		    object.setAttribute("className","input");
		  }else{
		    object.setAttribute("className","");
		  }
		    
		}
     </script>
  </head>
  <body>
    <input type="text" onBlur="fun('user_name')" id="user_name" >  
  </body>
</html>

 

1
顶
0
踩
分享到：
| 关于war包 jar包 ear包 及打包方法
评论
发表评论

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

相关推荐

    vb 透明背景文本框

    5. 现在，当你运行程序时，文本框将具有透明背景，显示其下方窗体的内容。 请注意，这种方法有一些限制。文本框的边框将保持其默认颜色，除非你使用`SetStyle`方法改变它们。此外，透明文本框可能与其他控件的交互...

    js+css使文本框自动适应内容的高度.docx

    接下来，我们定义文本框的基本样式，包括边框、填充等属性，同时设置`overflow`属性为`hidden`，确保超出内容不会显示滚动条： ```css .textArea { width: 300px; padding: 10px; border: 1px solid #ccc; ...

    MFC设置静态文本框颜色的类

    MFC提供了一个类，名为`CStatic`，它是`CWnd`类的派生类，专门用来处理静态文本框。当我们需要自定义静态文本框的颜色，例如改变其背景色时，我们需要对`CStatic`类进行扩展或使用一些技巧来实现。下面我们将详细...

    vs2008货币控件，实现自动将文本框内容调整为货币格式

    为了解决这个问题，我们可以自定义一个控件，如`CurrencyTextBox`，来实现自动将文本框内容调整为货币格式的功能。 首先，我们需要创建一个新的用户控件（UserControl）。在VS2008中，右键点击项目，选择"添加" -&gt; ...

    html中实现文本框出现提示功能的多种方法

    `onblur`事件在用户离开文本框时触发，如果文本框的值为空，则恢复“请输入你想要输入的内容”作为显示内容。这种方式兼容性更强，但代码量相对较多，且可能涉及到性能问题，因为每次聚焦和失去焦点都会执行...

    文本框属性

    比如，通过设置`style="overflow:auto"`可以使文本框在内容超出时显示滚动条，`style="background-color:BFCEDC"`则改变背景颜色。然而，直接在标签中使用样式通常不推荐，因为它破坏了结构与表现的分离原则。 ### ...

    xamarin android 自定义文本框（登录界面的设计）

    例如，为了创建一个带有边框的登录文本框，我们可以重写OnDraw方法来绘制边框： ```csharp protected override void OnDraw(Canvas canvas) { base.OnDraw(canvas); // 边框宽度、颜色和圆角 float borderWidth...

    css控制文本框宽度的方法

    - `padding`：内边距，即元素内容与边框之间的距离。 - `border`：边框，可以设置边框宽度、样式和颜色。 - `margin`：外边距，元素与周围元素的距离。 - `box-sizing`：控制元素的总尺寸是否包括边框和内边距。 ...

    文本框点击时文字消失，失去焦点时文字出现

    针对标题中提到的现象，通常在网页设计和前端开发领域，实现一个文本框在用户点击时清空文字内容，在文本框失去焦点时重新显示预设文字的功能，主要是使用JavaScript（JS）和HTML中的input元素以及可能的一些CSS样式...

    Java图形界面程序单选按钮、复选框、文本框、标签程序设计举例.pdf

    ### Java图形界面程序单选按钮、复选框、文本框、标签程序设计知识点解析 #### 一、实验目的概述 本实验旨在使学习者能够熟练掌握Java中的图形用户界面（GUI）组件，包括单选按钮、复选框、文本框和标签等基本元素...

    HTML5文本框输入字数限制提示特效.zip

    例如，CSS可以用来更改当达到字数限制时文本框的边框颜色，或者显示一个提示消息： ```css #text-input.limit-reached { border-color: red; } #count { color: #999; } ``` 在`js`目录下的JavaScript文件...

    javascript 双击文本框编辑功能代码

    当用户双击某个显示为文本的元素时，该元素会变为可编辑状态（通常表现为文本框），用户可以直接进行修改。 #### 二、技术实现原理 要实现上述功能，主要涉及以下几个关键技术点： 1. **事件监听**：通过`...

    jQuery计算文本框可输入字数代码.zip

    `jQuery`的选择器非常强大，例如，我们可以使用`$("#myTextBox")`来选择ID为"myTextBox"的元素，或者`$(".text-input")`来选择所有class为"text-input"的元素。接着，我们可以监听`keyup`事件，当用户在文本框中输入...

    ios-登录 注册 文本框.zip

    2. 自定义属性：除了基本的字体、颜色、边框样式等属性外，该组件还支持自定义占位符颜色、文字间距、光标颜色等，使得文本框能够更好地融入到各种设计风格的界面中。 3. 验证码输入：LoginTextField支持验证码输入...

    JavaScript 文本框下拉提示(自动提示)

    JavaScript 文本框下拉提示，通常被称为自动补全或自动提示功能，是许多网页和应用程序中常见的一种交互设计。这种技术允许用户在输入文本时，系统根据已输入的部分内容提供匹配建议，从而提高输入效率和用户体验。...

    C#透明文本框

    在C#编程中，透明文本框（Transparent TextBox）是一种特殊类型的控件，允许用户输入文本，同时具有背景透明的特性。这种控件在设计界面时非常有用，因为它可以与底层的图片或颜色相融合，创建出更加美观和交互性的...

    JavaMe开发绘制文本框TextEdit

    【JavaME开发绘制文本框TextEdit】在JavaME平台中，为用户提供文本输入功能是一个常见的需求。在《JavaMe连载(3)-也说MVC设计模式》一文中提及的TextEdit类，是一个利用GameCanvas来实现的文本编辑器。下面将详细...

    Jquery实现仿搜索引擎文本框自动补全插件

    每当用户在文本框中输入字符时，都会触发这个事件。我们可以利用jQuery的.on('keyup', function() {})绑定keyup事件，并在回调函数中获取当前文本框的值，以此作为补全建议的基础。 三、动态加载数据 自动补全功能...

    combobox 去掉边框，更改背景色 字体颜色

    本文将详细讲解如何实现“去除`ComboBox`边框，改变背景色以及字体颜色”的效果，以满足自定义UI的需求。我们将主要探讨以下几个方面： 1. 去除`ComboBox`边框： 要去除`ComboBox`的边框，我们可以使用自定义绘制...

    文本框操作1

    11. **窗口风格**：例如`WS_OVERLAPPEDWINDOW`是常用的窗口风格，包括标题栏、边框、最小化和最大化按钮等。 12. **颜色定义**：`COLOR_APPWORKSPACE + 1`用于指定窗口背景颜色，这里的`+1`是因为系统颜色索引通常...

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