textarea

textarea标签定义一个多行的文本输入控件,也称为“文字域”或“文本域”文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是Courier);语法如下:

﹤textarea﹥这是一个多行文本输入框﹤textarea﹥

textarea标签中自带了许多属性,可通过 rows 属性来规定文本域中显示的可见行数,可通过 cols属性来规定文本域中可见的列数;例如设置textarea标签8行50列,代码书写为:﹤textarea rows="8"cols="50"﹥﹤/textarea﹥
请在下方输入文本

在上面的文本框中输入内容,若超出了8行50列就会自动生成滚动条;除了可以用rows和cols属性控制文本域的尺寸大小外,同样也可以通过CSS中的宽高属性来设置。


textarea标签属性

  1. name:为文本域指定名称;
  2. rows:规定文本域内可见的行数;
  3. cols:规定文本域内可见的行数;
  4. disabled:禁用文本区域,该属性会使文本输入框无效,无法输入文字并且会变成灰色;
  5. readonly:规定文本域为只读,使文本域无法输入文字;

以下为HTML5,textarea标签新属性

  1. wrap:规定当提交表单时,文本区域中的文本应该怎样换行;off(不自动换行)、hard(显示效果和提交数据都自动换行)、soft(显示效果自动换行,提交的数据不自动换行)、physical(相当于hard)、virtual(相当于soft);
  2. form:定义文本区域所属的一个或多个表单;
  3. required:规定文本域为必须输入项目(必填内容);
  4. autofocus:规定当页面加载时,文本区域自动获得焦点;
  5. maxlength:指定文本域中允许的最大字符数;如maxlength="20"表示最多只能输入20个文字;
  6. placeholder:指定占位符,占位符会在输入文字为空时显示,并会在元素获得焦点时消失,也就是预先提示用户这里应该输入什么,鼠标点上去就消失的文字。例如我要提示用户“请在这里输入文本”,代码书写如下:
    textarea_第1张图片
    文本域显示如下,请在下方文本域中输入内容:

你可能感兴趣的:(html,文本标签)