jquery实现文本框默认值功能

最新推荐文章于 2021-03-21 02:48:55 发布
最新推荐文章于 2021-03-21 02:48:55 发布
阅读量2.3k 收藏
点赞数
分类专栏： jQuery 文章标签： jquery 表单 文本框 默认值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaobozhu/article/details/47752255
版权

jquery实现文本框默认值功能

文本框是页面中使用最为频繁的表单元素之一，熟练地做一个智能的文本框可不是你想象的那么简单，下面就让源码来告诉你如何写好文本框的默认值。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

 <head>

   <title>XXX</title>

   <meta http-equiv="content-type" content="text/html;charset=UTF-8">

       <scriptlanguage="JavaScript" src="js/jquery-1.3.1.js"></script>

       <styletype="text/css">

                    div,span{

                         width: 140px;

                         height: 140px;

                         margin: 20px;

                         background: #9999CC;

                         border: #000 1px solid;

                            float:left;

                         font-size: 17px;

最低0.47元/天 解锁文章
xiaobozhu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery实现输入框默认值
IT小生
05-26 5118
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>XXX</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language="Java
jquery控制表单输入框显示默认值的方法
12-03
本文实例讲述了jquery控制表单输入框显示默认值的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html> <head> [removed][removed] [removed] $(document).ready(function() { $('.someClass').each(function() { var $this = $(this); var defaultVal = $this.attr('t
jquery文本框默认提示
wuhao1014的专栏
01-13 541
通常用户在搜索内容时，在文本框输入内容前，文本框都会给出默认提示，提示用户输入正确的内容进行搜索。 当文本框获得焦点，如果文本框内容跟提示内容一样，提示内容会自然消失。 当文本框没有任何值并失去焦点，文本框内容会重新生成默认提示。 为了实现上面的需求，代码如下：   &lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="R...
php 文本域设置默认值,jQuery实现设置、移除文本框默认值功能
weixin_36438989的博客
03-21 150
本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能。有jQuery代码哦~比如当文本框获取鼠标焦点的时候，默认值会被清空，当文本框没有输入内容，鼠标焦点离开的时候，又会恢复到默认值。代码实例:程序员之家$(document).ready(function(){$("#email").focus(function(){var email_txt = $(this).val();if...
JQuery设置默认值
xiaoliangaccp的专栏
09-14 5404
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">          input默认值设置      $(function()
jQuery实现设置、移除文本框默认值功能
12-12
本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能。 比如当文本框获取鼠标焦点的时候，默认值会被清空，当文本框没有输入内容，鼠标焦点离开的时候，又会恢复到默认值。 代码实例: 代码如下: <!...
javascript和jquery实现设置和移除文本框默认值效果代码
10-24
主要介绍了javascript和jquery实现设置和移除文本框默认值效果代码,本文实现的是类似html5 placeholder（空白提示）一种效果,需要的朋友可以参考下
jQuery设置和移除文本框默认值的方法
10-24
主要介绍了jQuery设置和移除文本框默认值的方法,实例分析了jQuery操作文本框的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jquery实现点击文字后变成文本框且可修改
weixin_30412013的博客
11-27 537
1 $(function() { 2 //获取class为caname的元素 3 $(".caname").click(function() { 4 var td = $(this); 5 var txt = td.text(); 6 var input = $("<input type='text'value='" + txt + "'/>"); 7 t...
<textarea></textarea>标签的默认值设置方法
没有别人学习好并不可怕，可怕的是你还没有别人努力
06-20 1万+
设置<textarea></textarea>标签的value属性
使用jQuery给input标签设置默认值
11-23
由于项目需求，简单地写了一个input默认值设置，实现给.form中所有的input设置默认值的方法。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>input默认值设置</title> [removed][removed] [removed] $(function() { //集体调用 $(".form
textarea 添加默认值value
dmedaa的博客
06-11 3万+
textarea是不能添加value的。 但是简单的打个比方： 当我们要编辑一些内容而正好用到textarea的时，怎么办呢 可以这样，加个ID 然后在用script进行追加 然后刷新第一个页面 成功！ ...
关于html的textArea标签默认值
陈思宇个人主页 欢迎大家讨论学习
08-29 4万+
html的TextArea标签和text标签有一个不同点，它没有value属性 如果在jsp页面中需要放默认值在TextArea当中，我们可以按照如下示例这样添加
jQuery设置Textarea的值
06-23 1124
简单的jQuery代码段设置textarea的价值。 这可以用于几乎窗体上的任何输入，但这只是为工具，我正在制定一个具体的例子。 $("textarea#ExampleMessage").val(result.exampleMessage); 在线演示 From: https://www.sitepoint.com//jquery-set-textarea/...
textarea的取值赋值
大小都是愁的成长之路
08-15 10万+
取值赋值常用的方法，html(),text(),val() 单独说说textarea .它是表单元素，val()可用 .它是闭合标签，html(),text()可用 这三个都可以取值赋值，会有怎样的效果？举例 &lt;textarea class="test"&gt;111&lt;/textarea&gt; 一、取值 1. textarea默认值111 2. 在输入框内输入w...
jquery 获取textarea文本值详解
热门推荐
淡然坊
12-16 11万+
今天用jquery获取textarea文本值，遇到这么一个问题： 一开始用val()方法报错，后面使用text()，可以运行，但是获取的值永远为空，最后在改成val()，可以正常使用。 于是乎：为了把这个问题弄清楚，开始了遥远的解读jQuery源码之旅 步骤： 1. 给textarea设置默认值，分别输出text()和value()值 2. 改变textarea的文本
设置textarea的默认显示的文字？
tasty
10-09 4万+
把默认显示的文字放在之间即可 如这就是默认显示的文字 document.getElementById("t1").value="hello!" 或者直接 hello!
jquery设置input默认值
july_young的博客
12-24 6262
    $(document).ready(function() {           var vdefault = $('#keyword').val();           $('#keyword').focus(function() {               //获得焦点时，如果值为默认值，则设置为空               if ($(this).val() ==...
Jquery 限制文本框输入字数
最新发布
06-09
您可以使用 jQuery 的 keyup 和 keydown 事件来限制文本框输入的字数。下面是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>限制文本框输入字数</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <input type="text" id="myInput" maxlength="10"> <div id="remainingChars"></div> <script> $(document).ready(function() { var maxLength = $("#myInput").attr("maxlength"); $("#remainingChars").html(maxLength + " characters remaining"); $("#myInput").on("keyup keydown", function() { var currentLength = $(this).val().length; var remainingLength = maxLength - currentLength; $("#remainingChars").html(remainingLength + " characters remaining"); if (remainingLength < 0) { $(this).val($(this).val().substr(0, maxLength)); } }); }); </script> </body> </html> ``` 在上面的示例代码中，我们将文本框的最大长度设置为10。然后我们使用 jQuery 的 keyup 和 keydown 事件来监听用户在文本框中输入的内容。在事件处理程序中，我们获取当前输入内容的长度，并计算出剩余可输入的字符数。如果用户输入的字符数超过了最大长度，我们就截取前面的字符，保证输入内容不会超过最大长度。最后，我们将剩余可输入字符数显示在页面上。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值