如何設(shè)置textarea默認(rèn)值

小編給大家分享一下如何設(shè)置textarea默認(rèn)值，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　發(fā)現(xiàn)textarea標(biāo)簽與input標(biāo)簽設(shè)置默認(rèn)值不同，input有value屬性，但是textarea沒有，所以需要在textarea設(shè)置默認(rèn)值，則可通過以下方法。

　　textarea設(shè)置默認(rèn)值方法

　　1.直接這樣：

　　<textarea>hello!</textarea>

　　2.或者根據(jù)id獲取元素，并設(shè)置默認(rèn)值

　　<textareaid="t1"></textarea>

　　<script>

　　document.getElementById("t1").value="hello!"

　　</script>

　　但切記，以下的做法是錯誤的?。?！

　　<textareaid="t1"value="hello!"></textarea>

　　textarea添加默認(rèn)值value

　　textarea是不能添加value的。

　　但是簡單的打個比方：

　　當(dāng)我們要編輯一些內(nèi)容而正好用到textarea的時，怎么辦呢

　　可以這樣，加個ID

　　然后在用script進(jìn)行追加

　　然后刷新第一個頁面

　　textarea顯示默認(rèn)值

　　點(diǎn)擊不顯示默認(rèn)值，鼠標(biāo)離開如果沒有內(nèi)容就顯示默認(rèn)值，如果有內(nèi)容就顯示內(nèi)容。

　　<textareaclass="area"onfocus="if(value=='請輸入具體內(nèi)容'){value=''}"onblur="if(value==''){value='請輸入具體內(nèi)容'}">請輸入具體內(nèi)容</textarea>

　　輸入框圓角樣式：

　　border-radius:10px;

　　select二級菜單選項(xiàng)：

　　<selectname="dog"id="dog">

　　<optgrouplabel="bigDogs">

　　<optionid="lab"label="lab"value="lab">Labradorretriever</option>

　　<optionid="golden"label="golden"value="golden">Goldenretriever</option>

　　</optgroup>

　　<optionid="pug"label="pug"value="pug">Pug</option>

　　</select>

　　顯示效果類似于下拉樹菜單。

以上是“如何設(shè)置textarea默認(rèn)值”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！