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&#10;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     });

View Code

便可。