首页 > 代码库 > web页面实现emptyText 效果 兼容firefox/google/360
web页面实现emptyText 效果 兼容firefox/google/360
第一步：
$("[name=‘sql‘]").attr({"placeholder" : "内 容"});
结果显示：内 容
第二步：
<textarea name="sql" id="sql" class="mini-textarea" rows="20" required="true" requiredErrorText="SQL不能为空" emptyText="aaabb cccc"></textarea>
这样写，在谷歌、360都可以换行，火狐不行
第三步：
<textarea name="sql" id="sql" class="mini-textarea" rows="20" required="true" requiredErrorText="SQL不能为空" ></textarea>
1 var placeholder="SQL查询注意事项:\r\n(1)目前已自动添加了条数限制，最大为1000条，不需要sql添加条数限制;\r\n(2)where 条件中包含时间的，需使用to_date(...)函数进行转换;\r\n(3)使用自定义函数需加别名;\r\n(4)查询结果提示\"table or view does not exist\"时，需确认数据表是否存在，或者数据源、数据库名是否正确;"; 2 $("[name=‘sql‘]").css({"color" : "gray"}); 3 $("[name=‘sql‘]").val(placeholder); 4 $("[name=‘sql‘]").focus(function() { 5 if ($(this).val().contains("SQL查询注意事项:")) { 6 $(this).val(‘‘); 7 $(this).css({"color" : "black"}); 8 } 9 });10 11 $("[name=‘sql‘]").blur(function() {12 if ($(this).val() == ‘‘) {13 $(this).val(placeholder);14 $(this).css({"color" : "gray"});15 }16 });
即可。
C)OX`$}QY)$NC2KOX5PI.png)
web页面实现emptyText 效果 兼容firefox/google/360
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。