Easyui 使用input placeholder无效的问题

最新推荐文章于 2024-12-31 09:20:22 发布
原创 最新推荐文章于 2024-12-31 09:20:22 发布 · 5.8k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#easyui-validatebox #easyui-textbox #placeholder

本文探讨了在使用EasyUI框架时，input组件中灰色提示文本的实现方式。通过对比easyui-validatebox和easyui-textbox两种不同类别的使用方法，明确了placeholder和prompt属性的具体应用。
部署运行你感兴趣的模型镜像

还是先上效果图：图一

这个就是想要的效果，input灰色字体，一开始使用的 input class="easyui-validatebox"  placeholder

这样的用法没有错，最终效果跟图一 相同，如果你使用 input class="easyui-textbox"  placeholder 也就是那么恭喜你，想要的效果不会如你所愿， 开个玩笑啊，如果你是用的input class="easyui-validatebox"  必须使用placeholder

如果你是用的是input class="easyui-textbox" 必须使用 prompt   可能我们对Easyui 用的不熟练，每个框架都有好坏，都会有丑陋的一面 ，人都是一样人无完人


您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

EasyUI textbox事件，EasyUI textbox input events
12-10
在使用UasyUI的时候，在一般的input输入框上添加class="easyui-textbox"属性，则在该输入框上添加的事件将不起作用，但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理，它是把你原有的...
EasyUi使用
04-15
在提供的压缩包文件 "08 EasyUI" 中，可能包含了更多关于 EasyUI 使用的示例、教程或资源，可以帮助开发者深入理解和实践 EasyUI 的各种功能。通过学习这些资源，开发者可以更熟练地运用 EasyUI 进行前端开发，提高...
EasyUI easyui-textbox placeholder 样式不管用
唯爱今生
12-14 1487
1.添加prompt属性 // 在标签内data-options中添加prompt属性属性值为显示内容 <input data-options="prompt:'http://XXXX.XXX'" type='text' class='easyui-textbox'/> 2.样式如图 ...
easyui生成的input标签的placeholder
weixin_30545285的博客
01-07 469
easyui的input标签不支持h5的placeholder，为了实现这个效果，提供以下解决方案： 　　1.给input标签设置placeholder. 　　<td><input class="easyui-numberbox" data-options="min:0,max:800,precision:0" placeholder="默认为最大"></td&g...
validatebox自定义验证规则以及使用
awangwu的博客
09-22 903
效果: //===============jsp======state==== //开启验证 &lt;script  type="text/javascript"&gt; ​​​​​​​yZ();//自定义验证方法   state $(function () {     //设置text需要验证     $('.easyui-validatebox').validatebox(); }...
easyui placeholder无效解决方案
abckingaa的博客
07-12 586
最近，再用easyui的时候，发现easyui的input标签不支持h5的placeholder，为了实现这个效果，提供以下解决方案： 　　1.给input标签设置placeholder. 　　<td><input class="easyui-numberbox" data-options="min:0,max:800,precision:0" placeholder="默认为最大"></td> 　　2.当页面加载完毕的时候，将easyui生成的input标签的..
easyui combobox中input框中使用placeholder不会出现提示
教官的博客
07-10 1468
prompt代替placeholder <input size="40" id="brandId" name="brandId" class="easyui-combobox" data-options="valueField:'brandId',textField:'cnName',url:'<c:url value="/admin/brand/listBrand"/>?typ...
Jqueryeasyui使用说明
07-22
资源名称：Jquery easyui 使用说明内容简介：Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的...
easyUi的使用
06-21
easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用
jplaceholder.js
06-26
如何实现跨浏览器的placeholder效果呢? 附件是我写的一个jquery插件,可以实现兼容IE7,IE8及以上浏览器的placeholder效果
Easyui的输入框如何设置placeholder
weixin_34247299的博客
02-28 1102
2019独角兽企业重金招聘Python工程师标准>>> ...
easyui placeholder 解决方案
weixin_33940102的博客
02-10 1436
项目要实现如图所示的功能 前台用easy-ui实现，如果直接在代码中添加placeholder属性，因easyui的input标签不支持h5的placeholder， 没有效果。 <th class="input_lable">学生姓名</th> <td> <input class="easyui-textbox" pl...
Easyui 中的placeholder属性
weixin_34355559的博客
07-29 307
在 easyui有文档中，没注意还真找不到placeholder属性，因为在属性只在searchbox中提到了， <input id="ss" class="easyui-searchbox" style="width:300px" data-options="searcher:qq,prompt:'Please Input Value',menu:'#mm'">&lt...
easyui textBox控件，监听事件不好使的解决办法
愿见世间如清水
03-14 4221
Easyui。中textbox中input事件失效的解决办法 产生问题的原因。 easy TextBox控件不是修改你的border 而是，将input进行了隐藏。然后用一个框放到了外面。实现所有浏览器效果统一。 网上的解决办法： 1. $("input",$("#loginName").next("span")).blur(function(){   2.     alert(
EasyUI 输入框下拉框 提示语【EasyUI注意点】
My Blog My Style
07-13 6937
近日在使用EasyUI编写输入框时，一开始发现要是，直接设置输入框class="easyui-textbox"时，会发现要想在input输入框后面加入属性placeholder="提示语"是不能够起到预期效果的，原因是EasyUI在重新渲染input输入框之后，输入框设置的placeholder并不能起作用，开始我没明白，知道在论坛看到一个人评论才发现，easyui-textbox有自己的提示语属...
easyui textbox 赋值
热门推荐
赶路人儿
03-02 1万+
easyui 的取值 和 赋值的方式不能使用jquery的方法， 如：<input name="code" id="code" data-options="multiline:true,required:true" class="easyui-textbox easyui-validatebox"  style="height:70px;width:280px;" value=""/>
easyui textbox使用placeholder无效
最新发布
不积跬步，无以至千里
12-31 557
在easyui 的textbox控件，请使用data-options 设定。
textarea 属性placeholder
zhang1027963459的博客
01-29 1862
出现placeholder属性没反应的情况 后来给textarea  绑定了ng-model  后  就好了  目前不知道原因  后续在研究  另外textarea  属性placeholder 好像有很多兼容性问题
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值