您的位置:看字典 > html表单文本域代码 HTML 表单文本域

html表单文本域代码 HTML 表单文本域

2023-03-22 14:58 HTML教程

html表单文本域代码 HTML 表单文本域

html表单文本域代码 HTML 表单文本域

html表单文本域代码

HTML表单文本域

使用场景:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用 < textarea > 标签。
在表单元素中,< textarea > 标签是用于定义多行文本输入的控件。
使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。

< textarea > 表单元素

textarea 表单元素创建一个多行文本框。

它有局部属性:name,disabled,form,readonly,maxlength,autofocus,required,placeholder,dirname,rows,wrap,cols。

文本内容包裹在开始和结束标记之间。

HTML5 中的 formautofocusrequiredplaceholder 和 wrap 属性都是新增的。

rows 和 cols 属性指定 textarea 的维度。

wrap 属性的硬或软值控制如何将换行符添加到文本。

语法:

<textarea rows = "3" cols = "20">
	文本内容

</textarea>

  1. 通过 < textarea > 标签可以轻松地创建多行文本输入框。
  2. cols = "每行中的字符数”, rows =“显示的行数”, 我们在实际开发中不会使用,都是用 CSS 来改变大小。

以下代码显示了正在使用的 textarea 元素:

<!DOCTYPE HTML>
<html>
<body>
  <form method = "post" action = "http://example.com/form">
    <p>
      <textarea cols = "20" rows = "5" wrap = "hard" id = "story" name = "story">
      Say something
      </textarea>
      <input type = "submit" value = "Submit" />
    </p>
  </form>
</body>
</html>

wrap 属性控制在提交表单时如何将换行符插入到文本中。




阅读全文
以上是看字典为你收集整理的html表单文本域代码 HTML 表单文本域全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 看字典 kanzidian.com 版权所有 联系我们
桂ICP备12005667号-35 Powered by CMS