📌  相关文章
📜  <html>HTML |<textarea>标签&lt;html&gt;(1)

📅  最后修改于: 2023-12-03 15:13:11.174000             🧑  作者: Mango

HTML <textarea>标签<html>

介绍

HTML <textarea>标签用于创建多行输入字段,允许用户输入大段的文本内容,而不会受到输入框大小的限制。此标签是HTML表单中的一个基本元素。

<textarea rows="4" cols="50">输入文本内容</textarea>
语法
<textarea cols="number" rows="number" name="name">text</textarea>
  • cols: 定义文本框中的字符数,只能是数字
  • rows: 定义文本框中的行数,只能是数字
  • name: 定义文本框的名称,一般配合表单使用
  • text: 可选项,定义文本框时默认显示的文本内容,也可以在后期使用 JavaScript 进行更新。
示例
<form>
  <label for="feedback">请留下您的反馈:</label>
  <textarea name="feedback" rows="6" cols="30"></textarea><br><br>
  <input type="submit" value="提交反馈">
</form>
相关属性
  • autocomplete: 定义一个文本框的自动完成功能。
  • autofocus: 规定文本框应该在页面加载时自动获得焦点。
  • disabled: 规定是否禁用文本框。
  • maxlength: 规定输入字段的最大长度(以字符计)。
  • placeholder: 规定描述输入字段预期值的短提示信息。
  • readonly: 规定输入字段为只读。
  • required: 规定必填输入字段。

以上属性均可直接在

总结

HTML <textarea>标签是HTML表单中的基本元素之一,适用于提示用户一些信息,或者允许他们输入较大的文本数据。还可通过JavaScript更改其值和属性。更多详细信息,请参见W3Schools的相关文献。