`
qingwenxiutong
  • 浏览: 19257 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

input文本框初始状态是灰色文本,当得到焦点就情况文本,失去焦点恢复到初始状态

 
阅读更多

 function OnEnter( field )
     {
      if( field.value == field.defaultValue )
      {
        field.value = "";
      }
     }
    function OnExit( field )
    { if( field.value == "" )
     {
        field.value = field.defaultValue;
      }

    }
    function changeColor(field)
    {
        field.style.color='black';
    }

 

<input class='fontColor' name="min_price" type="text" id="min_price"  value="最低价" size="5" maxlength="18" onFocus=OnEnter(this) onBlur=OnExit(this) onkeyUp=changeColor(this)>

分享到:
评论

相关推荐

    JS简单获取并修改input文本框内容的方法示例

    本文实例讲述了JS简单获取并修改input文本框内容的方法。分享给大家供大家参考,具体如下: 一 介绍 获取文本框并修改其内容可以使用getElementById()方法来实现。 getElementById()方法可以通过指定的id来获取HTML...

    jquery文本框点击的效果插件

    当页面打开时,给input[text] 文本框 先设定初始值, 当其获得焦点时,文字消失;当其失去焦点时,再次附上原来的值;当文本内容改变时,无论是否获得焦点,文本内容都不在改变。

    使一个input文本框随其中内容而变化长度的方法

    其中 size="4"就是定义初始的大小,如果这里没有定义,那就把this.size=(this.value.length&gt;4?this.value.length:4);里面的4改成20,&lt;input type="text"&gt;的默认size就是20 第二: 如果你在style里定义了width属性...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    Input元素的type属性 Input元素 01 Input元素 普通文本框 密码文本框 按钮 Input元素 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 ...

    jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例

    主要介绍了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能,涉及jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下

    bootstrap-table插入可编辑行,文本框形式(非官方自带的)

    还有是初始数据全部可编辑,插入新行也是可编辑的,全部编辑形式是input框里直接编辑,失去焦点触发事件,非官方自带的编辑形式,将页面放到bootstrap-table的demo项目的insertRow.html同目录下即可

    JavaScript文本框脚本编写的注意事项

    一种是使用input元素的单行文本,另一种是使用textarea的多行文本框。 使用input方式,必须添加type,设置为“text”。 size特性,可以指定文本框内能够显示的字符数。 value属性可以设置文本框的初始值。 ...

    autosize-input:精巧JavaScript中的动态宽度文本框

    香草JavaScript中的动态宽度文本框,毫不费力。 动态调整文本框的宽度以适合其当前内容 可以初始化以适合其placeholder属性 (可选)根据元素的初始内容设置min-width 压缩718个字节 用法 &lt; input type =" ...

    输入框默认值

    * @功能 实现功能是初始化时文本框中默认值,当鼠标移入则清空默认值;但如果用户没有输入任何值,则还原默认值;提交时候如果是默认值则清空 * @描述 基于jquery 所以使用前必须导入jquery包 * @使用方法: 1,在...

    Javascript文本框脚本实现方法解析

    input&gt;元素的单行文本框,另一种是使用 &lt;textarea&gt;的多行文本框。这两个控件非常相似,而且多数时候的行为也差不多。不过,它们之间仍 然存在一些重要的区别。 相对而言,&lt;textarea&gt;元素则始终会呈现...

    CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

    支持整数、浮点数 双击恢复初始值 仅3.92K,压缩后2.67K 代码 代码如下: /* * cutePsWheel JS * Description:A js liabary which control the text type of input box can plus or minus value like Photoshop

    基于 Python 的学生信息管理系统 - GUI 界面+文件保存,可作为课程设计.zip

    原来V1.0和V2.0版本输出(print)的提示信息和获取用户输入(input),不再适用,此时要采用tk.StringVar().set()设置GUI界面的文本框展示信息以及tk.StringVar().get()获取用户在GUI界面输入的文本内容 (注意此处...

    html入门到放弃笔记

    特点:通过 浏览器 就能访问服务器端的一种程序 如 :网页版百度,网页版 QQ,网页版 京东,... ... 3、WEB 1、什么是WEB WEB,是基于Internet上的一种应用程序(网页应用程序) WEB页面,简称WEB页(网页),就是...

    前端与移动开发之表单

    ⑧submit(可以把表单域里面元素提交给后台)和reset(还原表单中数据到初始状态)里面通过value属性可以改变文字 5.表单标签 都应该在form里面 增加用户体验 帮助表单元素提高作用域 (1)...

    HTML开发王

    10.9 将焦点移到某个元素上 10.9.1 使用【tab】键导航 10.9.2 使用热键导航 10.10 设置禁用控件和设置只读控件 10.10.1 设置禁止控件 10.10.2 设置只读控件 10.11 表单提交 10.11.1 表单提交的方法 10.11.2 结果良好...

    基于jquery实现状态限定编辑的代码

    页面表单初始情况如图,所有文本框都是不能编辑的 代码如下: &lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

    vue指令之表单控件绑定v-model v-model与v-bind结合使用

    ① 单行文本框 input[type=text] 、多行文本框 textarea:  v-model值绑定到value属性; &lt;body&gt; &lt;input type=text v-model=username value=我是初始值,但是我被忽略了&gt; &lt;textarea v-model...

    zepto-autocomplete:ZeptoJS的自动完成插件

    Zepto Autocomplete插件是一个微型js库(几KB),通过添加一个类并在页面加载时初始化插件,ZeptoJS用户可以轻松地在其文本框中插入“ autocomplete”功能。 自动完成的数据源可以是本地javascript Array对象,也...

    JSTL详细标签库介绍

    异常处理程序:能够让系统在出现异常的情况下恢复过来的程序使用异常处理情况:异常诊断与异常处理不在同一个位置下时使用异常处理程序(若用户一直通过键盘与程序通话,那么就不能使用处理键盘输入处理)使用异常的...

    大名鼎鼎SWFUpload- Flash+JS 上传

    当文件上传时,用户获得的可用的反馈信息很少。 传统的HTML上传模式十分简单,线性的,几乎所有浏览器都支持它。 SWFUpload SWFUpload使用一个隐藏的Flash影片来控制文件的选择和上传。JavaScript用来激活文件...

Global site tag (gtag.js) - Google Analytics