JS文本框默认值处理详解

以下代码是对JS文本框的默认值处理进行了介绍,需要的朋友可以参考下
 
复制代码 代码如下:

<script type="text/javascript">
       function txtFocus(el) {
           if (el.defaultValue == el.value) { el.value = ''; el.style.color = '#000'; }
       }

       function txtBlur(el) {
           if (el.value == '') { el.value = el.defaultValue; el.style.color = '#666'; }
       }
    </script>

<asp:TextBox ID="txtBookPerson" runat="server" CssClass="text2" style="color:#666;" onfocus="txtFocus(this)" onblur="txtBlur(this)" value='请输入预定人' ></asp:TextBox>

时间: 2024-10-30 12:09:38

JS文本框默认值处理详解的相关文章

JS文本框默认值处理详解_javascript技巧

复制代码 代码如下: <script type="text/javascript">       function txtFocus(el) {           if (el.defaultValue == el.value) { el.value = ''; el.style.color = '#000'; }       }        function txtBlur(el) {           if (el.value == '') { el.value

jQuery实现设置、移除文本框默认值功能_jquery

jQuery实现的文本框默认值感应鼠标动作: 本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能. 比如当文本框获取鼠标焦点的时候,默认值会被清空,当文本框没有输入内容,鼠标焦点离开的时候,又会恢复到默认值. 代码实例: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title></title> <scri

jQuery设置和移除文本框默认值的方法

 这篇文章主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1

jQuery设置和移除文本框默认值的方法_jquery

本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: $(document).ready(function() { //each遍历文本框 $(".input").each(function() { //保存当前文本框的值 var vdefault = this.value; $(thi

javascript和jquery实现设置和移除文本框默认值效果代码_javascript技巧

这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: 复制代码 代码如下: <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索"    onfocus='if(t

关于 文本框默认值 的操作js代码_javascript技巧

比如: 搜索框:可以 <input value="搜索产品..." /> 文本区域: 可以 <textarea>输入您多我的建议或者意见,让我们的网站为您创造更便捷的服务....</textarea> ........ 首先说这种提示功能很好,非常直观,可是怎么让它们获取焦点时内容清空.失去焦点后内容分为空的话就显示提示文本..... 当页面这些元素多了之后如何去管理...等等问题 复制代码 代码如下: var inputText=function(

js确认框confirm()用法实例详解_javascript技巧

先为大家介绍javascript确认框的三种使用方法,具体内容如下 第一种方法:挺好用的,确认以后才能打开下载地址页面.原理也比较清晰.主要用于删除单条信息确认. <SCRIPT LANGUAGE=javascript> function del() { var msg = "您真的确定要删除吗?\n\n请确认!"; if (confirm(msg)==true){ return true; }else{ return false; } } </SCRIPT>

Android自动编辑文本框(AutoCompleteTextView)使用方法详解

自动编辑文本框(AutoCompleteTextView)继承自EditText,能够接受用户的输入编辑,但是有这自己的特色功能:输入一定的字符以后会弹出下拉列表提示供用户选择,用户选择之后会自动填充文本框.这项功能正如浏览器的输入提示: 由于自动编辑文本框继承于EditText,它能够支持EditText的全部属性,但是在输入提示方面它有着自己的独特属性: android:completionHint     为弹出下拉菜单指定提示标题 android:completionThreshold 

js获取radio的值代码详解

把radio的input放在form中, <form name=theform> <input type=text name=input1 value="test"> <input type=radio name="a[]" value="0" checked>选择1 <input type=radio name="a[]" value="1">选择2 <