HTML | DOM Textarea 必需属性

在HTML中，标签是用于创建文本域的元素。与<input/>元素不同，<textarea>元素可以包含多行文本。本文将介绍<textarea>元素的必要属性。

rows

rows属性指定元素可见的文本行数。例如，将<code>rows</code>设置为5将使<textarea>元素包含5行文本。

<textarea rows="5"></textarea>

cols

cols属性指定元素可见的文本列数。例如，将<code>cols</code>设置为10将使<textarea>元素包含10列文本。

<textarea cols="10"></textarea>

name

name属性指定元素的名称，以便将其值与其他表单元素一起提交。例如，在以下表单中，名称为<code>message</code>的<textarea>元素将被提交。

<form>
  <textarea name="message"></textarea>
  <input type="submit">
</form>

required

required属性指定元素是否必填。如果将其设置为<code>required</code>，用户在提交表单之前必须填写<textarea>元素。如果用户未填写，表单将无法提交并提示用户必须填写该字段。

<textarea required></textarea>

readonly

readonly属性指定元素是否只读。如果将其设置为<code>readonly</code>，用户将无法编辑<textarea>元素中的文本。

<textarea readonly>This textarea is readonly.</textarea>

disabled

disabled属性指定元素是否禁用。如果将其设置为<code>disabled</code>，用户将无法编辑<textarea>元素中的文本且无法提交该字段。

<textarea disabled>This textarea is disabled.</textarea>

wrap

wrap属性指定元素中的文本如何换行。默认情况下，<textarea>元素中的文本不会自动换行。设置<code>wrap</code>属性为<code>hard</code>或<code>soft</code>可以更改这个行为。如果设置为<code>hard</code>，文本将在<textarea>元素的指定列处断开，如果没有指定列，则在换行符处断开。如果设置为<code>soft</code>，则文本将在必要时在单词之间断开。

<textarea wrap="hard"></textarea>
<textarea wrap="soft"></textarea>

以上就是元素的必要属性，使用这些属性可以创建具有不同功能和样式的<textarea>元素。