小编给大家分享一下如何设置textarea默认值,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
发现textarea标签与input标签设置默认值不同,input有value属性,但是textarea没有,所以需要在textarea设置默认值,则可通过以下方法。
textarea设置默认值方法
1.直接这样:
<textarea>hello!</textarea>
2.或者根据id获取元素,并设置默认值
<textareaid="t1"></textarea>
<script>
document.getElementById("t1").value="hello!"
</script>
但切记,以下的做法是错误的!!!
<textareaid="t1"value="hello!"></textarea>
textarea添加默认值value
textarea是不能添加value的。
但是简单的打个比方:
当我们要编辑一些内容而正好用到textarea的时,怎么办呢
可以这样,加个ID
然后在用script进行追加
然后刷新第一个页面
textarea显示默认值
点击不显示默认值,鼠标离开如果没有内容就显示默认值,如果有内容就显示内容。
<textareaclass="area"onfocus="if(value=='请输入具体内容'){value=''}"onblur="if(value==''){value='请输入具体内容'}">请输入具体内容</textarea>
输入框圆角样式:
border-radius:10px;
select二级菜单选项:
<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>
显示效果类似于下拉树菜单。
以上是“如何设置textarea默认值”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。