textarea多⾏⽂本域
定义和⽤法
<textarea> 标签定义多⾏的⽂本输⼊控件。
⽂本区中可容纳⽆限数量的⽂本，其中的⽂本的默认字体是等宽字体（通常是 Courier）。
可以通过 cols 和 rows 属性来规定 textarea 的尺⼨，不过更好的办法是使⽤ CSS 的 height 和 width 属性。
注释：在⽂本输⼊区内的⽂本⾏间，⽤ "%OD%OA" （回车/换⾏）进⾏分隔。
提⽰：可以通过 <textarea> 标签的 wrap 属性设置⽂本输⼊区内的换⾏模式。
autofocus规定在页⾯加载后⽂本区域⾃动获得焦点。
blur事件
number规定⽂本区内的可见宽度。
disabled规定禁⽤该⽂本区。
form_id规定⽂本区域所属的⼀个或多个表单。
number规定⽂本区域的最⼤字符数。
name_of_textarea规定⽂本区的名称。
text规定描述⽂本区域预期值的简短提⽰。
readonly规定⽂本区为只读。
required规定⽂本区域是必填的。
number规定⽂本区内的可见⾏数。
hard
soft规定当在表单中提交时，⽂本区域中的⽂本如何换⾏。。
禁⽌<textarea>拉伸的⽅式是设置 样式
问题⼀： <textarea> ⾼度不能⾃适应
解决：⽤ div + 属性代替
  <div class="textarea" contenteditable=true>{内容... }</div>
  react 会警告，防⽌ react 的警告，再加⼀个属性
  suppressContentEditableWarning=true    V15以上可⽤
  tabIndex="-1"  让 div 拥有焦点，模拟 input ，可以使⽤ onFocus、onBlur，等。
注意：虽然是模仿 input ，却⽆法使⽤ onChange 事件，可以在失焦事件中获取 ev.target.innerText 来操作修改内容<div class="textarea" contenteditable={true}
suppressContentEditableWarning={true}
tabIndex="-1"
>{内容... }</div>
tabIndex="-1"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。