HTML表单元素文本域textarea标签用法

什么是HTMLtextarea文本域，可以参考一下word软件和各大自媒体平台的内容编辑区域，大概就是那样子的，可以用于输入多行字段。当然单纯的textarea并没有那么多的功能，需要结合CSS和JS来完成。据鄙人的开发web的经验，在开发web的如果不使用富文本编辑器（一类前端框架），那么要开发web，就应当对textarea有所了解。

HTML文本域标签

提示：textarea需要闭合标签

<textarea>实例代码，及在线编辑器

<textarea id='e1' style='width:100%;height:90%;' placeholder='请输入内容'>
</textarea>
<button class='btn btn-default' onclick='getValue()'>点击看看输入了什么</button>

<script>
  function getValue(){
    var text = document.getElementById("e1").value;
    alert(text)
  }
</script>

textarea文本域实例代码解析

如上代码，textarea文本域应当在被定义的时候就设置好对应的高度和宽度，因为默认情况下的文本域相对较小，大家可以将实例代码编辑器中的style属性删除掉，然后重新运行一下，看一看textarea默认的高度和宽度；
可以通过textarea元素的.value属性来获取textarea输入的内容，注意，不是用innerHTML，与一般的HTML元素有所不同；
textarea中的placeholder属性可以用来提示用户输入；

hot：热门