Easyui 使用input placeholder无效的问题

最新推荐文章于 2021-07-12 11:49:23 发布
最新推荐文章于 2021-07-12 11:49:23 发布
阅读量5.7k 收藏 5
点赞数 5
分类专栏： easyui-textbox easyui-validatebox easyui 文章标签： easyui-validatebox easyui-textbox placeholder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nicholas_long/article/details/80590575
版权

还是先上效果图：图一

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

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

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


叫我阿龙啊
关注
专栏目录
easyui textBox控件，监听事件不好使的解决办法
愿见世间如清水
03-14 4056
Easyui。中textbox中input事件失效的解决办法 产生问题的原因。 easy TextBox控件不是修改你的border 而是，将input进行了隐藏。然后用一个框放到了外面。实现所有浏览器效果统一。 网上的解决办法： 1. $("input",$("#loginName").next("span")).blur(function(){   2.     alert(
EasyUI easyui-textbox placeholder 样式不管用
唯爱今生
12-14 1342
1.添加prompt属性 // 在标签内data-options中添加prompt属性属性值为显示内容 <input data-options="prompt:'http://XXXX.XXX'" type='text' class='easyui-textbox'/> 2.样式如图 ...
Easyui的输入框如何设置placeholder
weixin_34247299的博客
02-28 1008
2019独角兽企业重金招聘Python工程师标准>>> ...
easyui生成的input标签的placeholder
weixin_30545285的博客
01-07 405
easyui的input标签不支持h5的placeholder，为了实现这个效果，提供以下解决方案： 　　1.给input标签设置placeholder. 　　<td><input class="easyui-numberbox" data-options="min:0,max:800,precision:0" placeholder="默认为最大"></td&g...
easyui placeholder无效解决方案
abckingaa的博客
07-12 473
最近，再用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 1394
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...
easyui 隐藏input_easyui datagrid 列显示和隐藏
weixin_42300090的博客
12-23 500
//当查询IT基础设施的时候隐藏'STAFF_ID'、'ITSM_STAFF_ID'if($("input[name='currentstate']").val()==2){$('#ordertable').datagrid('hideColumn','STAFF_ID');$('#ordertable').datagrid('hideColumn','ITSM_STAFF_ID');}else{...
easyui 隐藏input_Easyui-Datebox设置隐藏或者不可用如何解决
weixin_33230532的博客
12-23 1264
本文主要给大家介绍下给Easyui-Datebox设置隐藏或者不可用的解决方法，是因为最近在做一个安全监测系统，选择了用easyui进行搭建，easyui是一种基于jQuery的用户界面插件集合。使用easyui可以省去很多代码，功能上需要加一些样式。我们公司做的是一套安全监测系统。所以呢对于前台页面没有像一些门户网站布局那么丰富，特效特别炫。目前只需要一套简单的UI界面即可，所以我选择了用eas...
EasyUI textbox事件，EasyUI textbox input events
12-10
在使用UasyUI的时候，在一般的input输入框上添加class="easyui-textbox"属性，则在该输入框上添加的事件将不起作用，但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理，它是把你原有的...
easyui 隐藏input_给Easyui-Datebox设置隐藏或者不可用的解决方法
weixin_39790504的博客
12-23 779
我们公司做的是一套安全监测系统。所以呢对于前台页面没有像一些门户网站布局那么丰富，特效特别炫。目前只需要一套简单的UI界面即可，所以我选择了用easyui进行搭建，easyui是一种基于jQuery的用户界面插件集合。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。方便而且也比较美观。但是随着项目的进展，对于一些功能的选择上，需要给一些元素加一些样式。...
jplaceholder.js
06-26
如何实现跨浏览器的placeholder效果呢? 附件是我写的一个jquery插件,可以实现兼容IE7,IE8及以上浏览器的placeholder效果
EasyUI 给input 赋值
lingtouyang的博客
01-24 655
我之前使用了好几种方式都未能成功给input 文本框赋值 第一尝试传统的JavaScript代码： document.getElementById(itemvalue).value=值; 第二尝试jquery中的好些方法也未能生效   $(#itemvalue).val('值');//通过val $(#itemvalue).text('值');//通过text ...
easyui placeholder 解决方案
weixin_33940102的博客
02-10 1369
项目要实现如图所示的功能 前台用easy-ui实现，如果直接在代码中添加placeholder属性，因easyui的input标签不支持h5的placeholder， 没有效果。 <th class="input_lable">学生姓名</th> <td> <input class="easyui-textbox" pl...
Easyui 中的placeholder属性
weixin_34355559的博客
07-29 249
在 easyui有文档中，没注意还真找不到placeholder属性，因为在属性只在searchbox中提到了， <input id="ss" class="easyui-searchbox" style="width:300px" data-options="searcher:qq,prompt:'Please Input Value',menu:'#mm'">&lt...
EasyUI 输入框下拉框 提示语【EasyUI注意点】
My Blog My Style
07-13 6725
近日在使用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=""/>
textarea 属性placeholder
zhang1027963459的博客
01-29 1793
出现placeholder属性没反应的情况 后来给textarea  绑定了ng-model  后  就好了  目前不知道原因  后续在研究  另外textarea  属性placeholder 好像有很多兼容性问题
easyui combobox中input placeholder的替代方法
cc1314_工作、学习有感
08-29 6802
$('#pib_add_itemno').combobox({prompt:"请输入编号"});
placeholder和prompt的用法
geqiandesuyan的博客
07-05 1260
今天做项目的时候用这两个属性的时候发现一些区别，虽然都是占位符，但是placeholder在input里用，prompt在select里用。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值