zoukankan      html  css  js  c++  java
  • textarea

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

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

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

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


    textarea标签属性
    name:为文本域指定名称;
    rows:规定文本域内可见的行数;
    cols:规定文本域内可见的行数;
    disabled:禁用文本区域,该属性会使文本输入框无效,无法输入文字并且会变成灰色;
    readonly:规定文本域为只读,使文本域无法输入文字;
    以下为HTML5,textarea标签新属性
    wrap:规定当提交表单时,文本区域中的文本应该怎样换行;off(不自动换行)、hard(显示效果和提交数据都自动换行)、soft(显示效果自动换行,提交的数据不自动换行)、physical(相当于hard)、virtual(相当于soft);
    form:定义文本区域所属的一个或多个表单;
    required:规定文本域为必须输入项目(必填内容);
    autofocus:规定当页面加载时,文本区域自动获得焦点;
    maxlength:指定文本域中允许的最大字符数;如maxlength="20"表示最多只能输入20个文字;
    placeholder:指定占位符,占位符会在输入文字为空时显示,并会在元素获得焦点时消失,也就是预先提示用户这里应该输入什么,鼠标点上去就消失的文字。例如我要提示用户“请在这里输入文本”,代码书写如下:

    文本域显示如下,请在下方文本域中输入内容:

    <textarea name="fc" rows="5" cols="30">过分懒惰 脸皮不厚 自持清高 没有目标 从不求教 不愿拼搏
    不肯吃亏 总找借口</textarea>



  • 相关阅读:
    XAMPP Error: Apache shutdown unexpectedly. 解决思路
    [转]《我眼中的技术高手》——邯郸学步、创作与创新
    svn 提交错误 400 Bad Reqest MKACTIVITY 请求于XX失败 Conflict Unable to connect to a repository at URL
    try catch 怎么写?
    正则词典
    用B表更新A表
    3种PHP连接MYSQL数据库的常用方法
    PHP数据库连接失败--could not find driver 解决办法
    Php.ini 文件位置在哪里,怎么找到 php.ini
    检测到在集成的托管管道模式下不适用的ASP.NET设置的解决方法(非简单设置为【经典】模式)。
  • 原文地址:https://www.cnblogs.com/king911/p/10470698.html
Copyright © 2011-2022 走看看