<!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{ <!--className为返回当前对象的属性名--!>
abc.setAttribute("className","");
}
}
</script>
</head>
<body>
<input type="text" onBlur="fun('user_name')" id="user_name" >
</body>
</html>
分享到：
相关推荐
CSS3文本框动画输入标签效果是一款基于jQuery CSS3实现的文字标签提示特效。
Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框
下拉文本框查询 如果选项多的话找起来很麻烦 让见面更加友好化 内含JS CSS代码 级使用方法
文本框 css 样式 鼠标移上去文本框变成浅绿色 文本框提示样式，鼠标点击获得焦点时提示内容消失 input文本框样式 只有下划线的文本框： 软件序列号式的输入框： 软件序列号式的输入框(完整版)： 输入框景背景...
css+jquery美化文本框，选择框
CSS3气泡一样文本框动画特效是一款CSS3 Hover属性制作鼠标悬停图标或标题展示动画文本框效果。
JavaScript实现文本框提示 JavaScript实现文本框提示 JavaScript实现文本框提示 JavaScript实现文本框提示
js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf
主要介绍了js实现鼠标点击文本框自动选中内容的方法,涉及javascript鼠标点击事件onClick及选择事件select的使用技巧,非常简单实用,需要的朋友可以参考下
JavaScript按钮类一个按钮完成对文本框内容的copy和复制
JavaScript文本框提示插件placeholder
1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 4.只能输入字母和汉字 等等
js文本框验证大全
js+css_当聚焦文本框时显示可日历，日历随便拖动
下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框....
原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码
介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点，加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现，有需要的朋友可以参考一下
CSS3输入文字input文本框动画效果
纯javascript实现副文本框 ,实用
本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法。分享给大家供大家参考。具体如下： 这里实现JavaScript将文本框的值插入当前面指定位置，这在一些表单提交场合或许我们都用到过，本代码段是将文本框...