textarea
■ 摘要
| 项目 | 说明 |
|---|---|
| 形式 | <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的更多相关文章
- div实现自适应高度的textarea,实现angular双向绑定
相信不少同学模拟过腾讯的QQ做一个聊天应用,至少我是其中一个. 过程中我遇到的一个问题就是QQ输入框,自适应高度,最高高度为3row. 如果你也像我一样打算使用textarea,那么很抱歉,你一开始就 ...
- JQuery 复制粘贴上传图片插件(textarea 和 tinyMCE)
开源地址:https://github.com/yuezhongxin/paste-upload-image.js 支持 Ctrl+C/Ctrl+V 上传,支持拖拽上传,也支持 QQ/微信截图上传. ...
- div仿textarea使高度自适应
今天真的有些无语,在百度上找了很多关于textarea和input高度自适应的代码,并且考虑到了要判断textarea的滚动条,从而动态改变它的高度,直到我搜索了这个让我目瞪狗呆的办法…… <d ...
- 使用JQuery统计input和textarea文字输入数量代码
本文主要介绍了jQuery实现统计输入文字个数的方法,需要的朋友可以参考下. HTML部分: <input type="text" value="我是输入的文字&q ...
- 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法
取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: inpu ...
- textarea 中的 innerHTML 和 value
<textarea></textarea> <input type="button" value="click" /> &l ...
- textarea元素只设置高可变,宽固定
网上查了一下多数只告诉怎么禁止拖动,好在编辑器提示了所有的属性,在此记录一下 textarea{ resize: vertical; } 还有其它的属性
- 让textarea完全显示文章并且不滚动、不可拖拽、不可编辑
textarea { width: 100%; border: none; outline: none; resize: none; overflow: hidden; padding-bottom: ...
- 限制textarea的字数(包括复制粘贴)
<textarea cols="100%" rows="10" id="tuconent" placeholder="评价( ...
- <input>和<textarea>
作为一个刚刚涉足PHP开发的菜鸟,第一次使用博客.在这里分享一些经验给和需要的朋友,互相探讨.共同学习,希望对你有所帮助. 废话不多说,下面进入正题. 应该有朋友和我一样,需要用到文本框,要求它会自动 ...
随机推荐
- Android应用程序窗口(Activity)的绘图表面(Surface)的创建过程分析
文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8303098 在前文中,我们分析了应用程序窗口连 ...
- Unity 3D 进度条制作
我们都知道玩游戏时,第一步要加载游戏,加载游戏时我们可以做一个简单的进度条来显示游戏加载进度,应为有了进度条,游戏画面不会过于呆板. 那么我们就开始游戏的进度条制作吧! 方法一: 1,使用NGUI制作 ...
- 《JavaScript 闯关记》之变量和数据类型
当程序需要将值保存起来以备将来使用时,便将其赋值给一个变量,值的类型称作数据类型. 变量 JavaScript 的变量是松散类型的,所谓松散类型就是可以用来保存任何类型的数据.换句话说,每个变量仅仅是 ...
- Asp.net MVC5中Html.DropDownList的使用
一.静态下拉列表项的绑定 在下拉列表中绑定静态项,我们可以通过 SelectListItem 的集合作为数据源的下拉列表. @Html.DropDownList("dropRoles&quo ...
- SQL in Qt (一)
Connecting to Databases To access a database with QSqlQuery or QSqlQueryModel, create and open one o ...
- php 函数之 )_each()list()implode()explode()in_array()
<?php /* implode() 把数组组合成字符串 explode() 把字符串分割成数组 in_array() 检测内容是否在数组中 each()把数组元素拆分成新的数组 list() ...
- python核心编程-习题-第二章
PS:PDF在线地址:http://bcmi.sjtu.edu.cn/~zhaohai/ptm2012/data/Python-kernel.programming.v2.pdf 2-1 变量,pr ...
- 握手(bestcode#42)
Shaking hands 问题描述 今天是Gorwin的生日,所以她举办了一个派对并邀请她的朋友来参加.她将邀请n个朋友,为了方便,Gorwin把他们从1到n标号.他们之中有一些人已经相互认识,有一 ...
- js中一些常用的基本函数
如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象(用于 ...
- C++标准库和标准模板库
转自原文http://blog.csdn.net/sxhelijian/article/details/7552499 C++强大的功能来源于其丰富的类库及库函数资源.C++标准库的内容总共在50个标 ...