温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何设置textarea默认值

发布时间:2021-09-22 14:35:56 来源:亿速云 阅读:2205 作者:小新 栏目:开发技术

小编给大家分享一下如何设置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默认值”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI