举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > html表单文本域代码 HTML 表单文本域

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

2023-03-19 04:31 HTML教程

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

html表单文本域代码

HTML表单文本域是一种用于收集用户输入的 HTML 元素,它可以让用户在表单中输入文本。它可以用来收集用户的姓名、地址、邮箱地址、密码等信息。

<input type="text" name="name">

上面的代码是一个 HTML 表单文本域的例子,它包含一个 type 属性,该属性指定了文本域的类型,这里是 text 类型;name 属性则指定了文本域的名字。

<input type="text" name="name" size="30" maxlength="50">

上面的代码中还包含了 size 和 maxlength 两个属性,size 属性指定了文本域的大小(以字符数量来衡量);maxlength 则指定了用户可以输入的最大字符数。

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




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