js 鼠标点击文本框提示文字消失

onfocus="if(this.value==defaultValue) {this.value='';}" onblur="if(!value) {value=defaultValue;}"…

在使用文本框的时候,若设定了初始值,选择文本框进行输入的时候要将本来的内容进行删除,会显得非常麻烦可以在文本框属性定义触发onfocus和onblur两个事件时对应的js功能下面以asp.net代码为例文本框控件的设置: 属性内设定好onfocus和onblur即可参数1传递的是控件本身,参数2传的是控件的默认text值 <asp:TextBox ID="Material_No" onfocus="onFocusFun(this,'請輸入料號')" o…

html5文本框提示文字属性为placeholder

html5文本框提示文字属性为placeholder 例子: <textarea id="comment" class="commentCont" name="" cols="" placeholder="请踊跃发言,长度至少要6个中英文字哦,请不要恶意灌水哦" rows=""></textarea> ie鼠标点击文本框提示文字消息火狐输入文字时候消失…

原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org…

Js制作点击输入框时默认文字消失的效果

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-02-17) 为了提高用户体验和易用度,一些设计师会对网页中用户经常用的东西进行优化,比如输入框.一般的输入框是怎样优化的呢?从用户体验的角度出发,简化用户使用步骤,让用户用得更方便就是提高了易用性,例如当鼠标悬浮在输入框时改变输入框颜色.自动选中输入框中的默认文字,或者点击输入框时自动清除默认内容等等. 这个效果听起来复杂,其实做起来却很简单,只要一小段javascript代码即可解决.下?面介绍一下几种效果的代码:…

js限制textarea文本框的文字个数

现在发微博,那个文本框一般只能输入200字好像,再多就会自动删除,要么是提示字数受限,用Js就可实现本功能.今天带来的这个Js限制表单文本框文字数量的例子,相信有此方面需要的是个不错的参考.为了便于使用,这里把代码拆分为HTML表单部分和JavaScript代码部分: HTML表单部分,代码如下: <form name=myform action=""> <textarea name="message" wrap="physical&q…

文本框/域文字提示(placeholder)自动显示隐藏jQuery小插件

// 文本框文本域提示文字的自动显示与隐藏 (function($){ $.fn.textRemindAuto = function(options){ options = options || {}; var defaults = { blurColor: "#999", focusColor: "#333", auto: true, chgClass: "" }; var settings = $.extend(defaults,option…

jQuery, 文本框获得焦点后, placeholder提示文字消失

文本框获得焦点后, 提示文字消失, 基于jQuery, 兼容性: html5 //所有文本框获得焦点后, 提示文字消失 $('body').on('focus', 'input[placeholder]', function () { var valueBak = $(this).attr('xplaceholder'); if (!valueBak) { $(this).attr('xplaceholder', $(this).attr('placeholder')); } $(this).a…

jquery ui autocomplete 实现点击文本框，出现所有查询信息效果,与bootstrap结合使用修改样式

直接看代码 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="bootstrap.css"/&…

C# 使用js正则表达式，让文本框只能输入数字和字母，最大长度5位

使用js正则表达式,让文本框只能输入数字和字母,最大长度5位,只需要加个onkeyup事件,即可简单实现 <asp:TextBox ID="txtBegin" runat="server" size="5" maxlength="5" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')"></asp:TextBox>…