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 属性控制在提交表单时如何将换行符插入到文本中。

版权声明:本文由lzhuji.com主机评测所有
文章名称:《HTML 表单文本域》
文章链接:https://www.lzhuji.com/274240.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

本站不对信息的真伪做任何的保障,请自行甄别,自负责任。

登录

找回密码

注册