標籤的placeholder屬性不生效問題

<textarea></textarea>標籤的placeholder屬性不生效問題

 

一、在用到<textarea></textarea>標籤時，設置placeholder屬性提示不生效問題解決辦法；

二、代碼裏寫<textarea  rows="10" name="List" class="box" placeholder="請輸入提示文案"></textarea>在頁面上看不到效果，首先檢查<textarea></textarea>標籤中間有沒有空格，應刪除空格；

三、例如<textarea></textarea>和<textarea> </textarea>   //<textarea>空格刪除</textarea>，由於空格至關於輸入了一個空格；

四、若是以上還未能解決問題，placeholder屬性在審查元素裏都沒有，代碼裏明明寫了，首先查出placeholder屬性被幹掉的緣由，其次真的須要這個提示，就模擬一個placeholder屬性的提示；

五、代碼以下：

　　<style>

　　　　.box{width: 100%;margin: 0 auto;position:relative;}

　　　　#textArea{width:100%;position:relative;z-index:9;}//層級要高於tips，透明背景

　　　　.tips{position:absolute;top:5px;left: 5px;color:#999;z-index:1;}//

　　</style>

　　<div class="box">

　　　　<textarea id="textArea" rows="10"></textarea>

　　　　<span class="tips">請輸入提示文案</span>  //增長一條文本用css定位到<textarea></textarea>標籤內部

　　</div>

//用jq的

　　<script>

　　　　//提示

　　　　$("html").click(function(){

　　　　　　var isFocus=$("#textArea").is(":focus");

　　　　　　if($("#textArea").val() !=""||isFocus){

　　　　　　　　$("#textArea").css({"background-color":"white"})

　　　　　　}else{

　　　　　　　　$("#textArea").css({"background-color":"transparent"})

　　　　　　}

　　　　})

　　</script>

此時模擬出placeholder屬性的提示