■ 摘要

项目 说明
形式 <textarea>~</textarea>
支持 H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略 开始标签:必须,结束标签:必须
可包含元素 字符串

■ 说明

可以输入复数行的文本输入框。写在 <textarea>~</textarea> 之间的文本会成为此文本输入框内容的初期值。

■ 属性

【重要属性】

属性 意义
name=name H2+/e2+/N2+。指定名字。

【特性】

属性 意义
align=align e4+。指定文本输入框显示的位置。Microsoft 的文档里有这条,但是好像没效果。
cols=n H2-H4/e2+/N2+。指定文本输入框的横幅。在 HTML4.01 里是必须设定属性。
disabled H4+/e4+/N6+。使此元素无效。无法输入文字并且变成灰色。
readonly H4+/e4+/N6+。使此元素无法输入文字。
rows=n H2+/e2+/N2+。指定文本输入框的纵幅(行数)。在 HTML4.01 里是必须设定属性。
wrap=wrap H5+/e3+/N2+。输入文字长度超过横幅时的自动换行设定。Internet Explorer 的默认值为 soft 。

off : 不自动换行(e4/N2)

hard : 显示效果和提交数据都自动换行(e3/N2)

soft : 显示效果自动换行,提交的数据不自动换行(e3/N2)

physical : 等同于 hard (e?/N?)

virtual : 等同于 soft (e?/N?)

autofocus H5+。自动设置焦点。
form=id H5+。指定想关联的 form 元素的 id 。
maxlength=n H5+。指定最大输入文字数。
placeholder=string H5+。指定占位符。占位符会在输入文字为空时显示,并会在元素获得焦点时消失。也就是预先提示用户这里应该输入什么,鼠标点上去就消失的文字。
required H5+。表示此项目为必须输入项目(必填内容)。

【数据绑定属性】

属性 意义
datafld=datafld e4+。指定数据绑定时的数据源的列名。
datasrc=datasrc e4+。指定数据绑定时的数据源的ID。

【一般属性】

属性 意义
class=class H4+/e3+/N4+。指定类。
id=id H4+/e3+/N4+。指定ID。
style=style H4+/e3+/N4+。指定样式。
title=title H4+/e4+/N6+。指定标题。
dir=dir H4+/e5+/N6+。指定文字显示的方向。
lang=lang H4+/e4+/N6+。指定语言种类。
accesskey=key H4+/e4+/N6+。指定快捷键。
tabindex=n H4+/e4+/N6+。指定TAB键在控件中的移动顺序。
contenteditable=bool H5+/e55+。使元素可编辑。
contextmenu=id H5+。指定contextmenu。
draggable=bool H5+。可拖动。
dropzone=value H5+。可拖放。
hidden H5+。隐藏元素。
spellcheck=bool H5+。检查拼写。
IE扩展属性 可以指定IE扩展属性。

取消input和textarea的聚焦边框: 

复制代码代码如下:

input{outline:none}

取消textarea可拖动放大: 

复制代码代码如下:

textarea{resize:none}

textarea的更多相关文章

  1. div实现自适应高度的textarea,实现angular双向绑定

    相信不少同学模拟过腾讯的QQ做一个聊天应用,至少我是其中一个. 过程中我遇到的一个问题就是QQ输入框,自适应高度,最高高度为3row. 如果你也像我一样打算使用textarea,那么很抱歉,你一开始就 ...

  2. JQuery 复制粘贴上传图片插件(textarea 和 tinyMCE)

    开源地址:https://github.com/yuezhongxin/paste-upload-image.js 支持 Ctrl+C/Ctrl+V 上传,支持拖拽上传,也支持 QQ/微信截图上传. ...

  3. div仿textarea使高度自适应

    今天真的有些无语,在百度上找了很多关于textarea和input高度自适应的代码,并且考虑到了要判断textarea的滚动条,从而动态改变它的高度,直到我搜索了这个让我目瞪狗呆的办法…… <d ...

  4. 使用JQuery统计input和textarea文字输入数量代码

    本文主要介绍了jQuery实现统计输入文字个数的方法,需要的朋友可以参考下. HTML部分: <input type="text" value="我是输入的文字&q ...

  5. 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法

    取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: inpu ...

  6. textarea 中的 innerHTML 和 value

    <textarea></textarea> <input type="button" value="click" /> &l ...

  7. textarea元素只设置高可变,宽固定

    网上查了一下多数只告诉怎么禁止拖动,好在编辑器提示了所有的属性,在此记录一下 textarea{ resize: vertical; } 还有其它的属性

  8. 让textarea完全显示文章并且不滚动、不可拖拽、不可编辑

    textarea { width: 100%; border: none; outline: none; resize: none; overflow: hidden; padding-bottom: ...

  9. 限制textarea的字数(包括复制粘贴)

    <textarea cols="100%" rows="10" id="tuconent" placeholder="评价( ...

  10. <input>和<textarea>

    作为一个刚刚涉足PHP开发的菜鸟,第一次使用博客.在这里分享一些经验给和需要的朋友,互相探讨.共同学习,希望对你有所帮助. 废话不多说,下面进入正题. 应该有朋友和我一样,需要用到文本框,要求它会自动 ...

随机推荐

  1. 杭电 3887 Counting Offspring

    根据上篇翻译的文章以及很多个帖子,都讲述了树状数组最基本的功能就是tree[i]保存的是位置i左边小于等于a[i]的数的个数. 这样也就可以解释代码中为什么有f[i]=getsum(sd[i-1])- ...

  2. OC准备知识

    #import 与 #include区别 include完成头文件的导入,可能会导致头文件的相互引用和函数或变量的重复定义 为了解决这个问题 我们必须这样做 #ifndef Student_h #de ...

  3. 敏捷软件开发之TDD(一)

    测试驱动开发即TDD是敏捷软件开发方法的重要组成部分.TDD是从极限编程中发展而来,它既可以用在设计时也可以用在开发实践中.TDD把业务需求转化为可以运行的测试代码并具有如下的优点1.TDD从一开始就 ...

  4. typedef和define的作用域

    typedef: 如果放在所有函数之外,它的作用域就是从它定义开始直到文件尾: 如果放在某个函数内,定义域就是从定义开始直到该函数结尾: #define: 不管是在某个函数内,还是在所有函数之外,作用 ...

  5. jsp基础之 jstl

    JSP标准标签库(JSTL)是一个JSP标签集合,它封装了JSP应用的通用核心功能. JSTL支持通用的.结构化的任务,比如迭代,条件判断,XML文档操作,国际化标签,SQL标签. 除了这些,它还提供 ...

  6. E - The King

    Description Once upon a time in a country far away lived a king and he had a big kingdom. He was a v ...

  7. avalon前端js直接通过ajax请求传一个对象到后台

    代码如下:                //企业开票信息      vm.invoiceInfo = {       companyId : "",            //企 ...

  8. Python的tkinter和tkinter.messagebox应用-鼠标和键盘命令绑定

    __author__ = 'Administrator' from tkinter import * import tkinter.messagebox class MainWindow: def b ...

  9. 程序员都会的 35 个 jQuery 小技巧

    收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("cont ...

  10. Python成长之路第二篇(3)_字典的置函数用法

    字典的置函数用法(字典dict字典中的key不可以重复) class dict(object): """ dict() -> new empty dictionar ...