HTML - 文本区

  »   HTML  »   HTML教程 - 评论,文本区域

这种文本区域被用于注释,博客,备忘录或需要一个表达空间的任何其它目的。

为了创建文本区域我们需要像这样的一个开始和结束标签:

html<textarea>文本区域!</textarea>

Demo

文本区域 - 文本区域 尺寸

要改变文本区域的标准尺寸,我们将会使用列和行的。那些将会具有数值。它们的更大价值将在于更大的文本区域里。

html<textarea cols="50" rows="2">文本区域!</textarea>

<textarea cols="40" rows="5">文本区域!</textarea>

<textarea cols="20" rows="10">文本区域!</textarea>

Demo

文本区域 - 其 包装属性

该属性的 <textarea> 标签, 将建立于文本将到达行末时反应的方法上。

包装将具有三个值中的一个:硬,软,解除。

  • 硬包装 - 将放置在每一行的末尾的输入和将发送在它被引入相同的格式的文本。
  • 软包装 - 将放置在每一行的末尾的输入,但不同的是 包装,它将会在一个自由格式发送其文本。
  • 解除包装 - 反正,这将不格式化其文本,写在一个单一连续行的文本。

硬/软 属性

html<textarea cols="20" rows="5" wrap="hard">硬 - 将放置在每一行末尾的输入和将发送在它被引入之相同格式的文本。</textarea>

Demo

解除 属性

html<textarea cols="20" rows="5" wrap="off">解除 - 反正这将不会格式化其文本,写在一个单一连续行的文本。</textarea>

Demo

文本区域 - 其 只读 属性

根据此属性的值,用户能够(或不)更改文本区的内容。其只读 属性可以有“是”或“否”的值。

html<textarea cols="20" rows="5" wrap="hard" readonly="yes">正如你可以看到,这个文本不能被修改。 在“否”值被选择的情况下,将会得到相反的结果。</textarea>

Demo

正如你可以看到,这个文本不能被修改。 在“否”值被选择的情况下,将会得到相反的结果。即使它不能被修改,它可以突出显示并用CTRL-C或者鼠标右键点击/拷贝复制。

文本区域 - 其 禁用 属性

禁用属性与只没有很大的差异。 文本将显示为灰色,同时禁用修改文本区域包含文本的可能性。

html<textarea cols="20" rows="5" wrap="hard" disabled="yes">禁用属性与只没有很大的差异。 文本将显示为灰色,同时禁用修改文本区域包含文本的可能性。</textarea>

Demo

你将会更好地练习到这些属性的一部分。祝好运!