textarea的disabled与readonly属性具体用法介绍

所属分类: 网页制作 / HTML/Xhtml 阅读数: 2001
收藏 0 赞 0 分享

disabled定义和用法

disabled 属性是一个布尔属性。

disabled 属性规定文本区域应该被禁用。

被禁用的文本区域既不可用,文本也不可选择(不能被复制)。

可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区域的使用。然后,可以使用 JavaScript 来移除 disabled 属性的值,以使文本区域变为可用状态。

HTML 4.01 与 HTML5之间的差异

无。

HTML 与 XHTML 之间的差异
在 XHTML 中,禁止属性最小化,disabled 属性必须定义为 <textarea disabled="disabled">。

disabled属性表示一个被禁用的文本区,在被禁用的文本区中,无法对内容进行修改,并且值不能在请求中传递。

<textarea disabled>
在脚本之家你将学会如何制作网站。我们提供了最全的 web 技术教程。
</textarea>

disabled 与 disabled = "disabled"的区别

disabled = "disabled" 是 XML 规范写法,如果保持 XML 兼容,必须写成 disabled = "disabled",如果您不使用 XHTML 并且不关心的 XML 语法,那么你可以单独使用。

注意: 在除了火狐以外的浏览器,例如chrome <textarea disabled> 是可以被选择并复制的。

readonly定义和用法

readonly 属性是一个布尔属性。

readonly 属性规定文本区域为只读。

在只读的文本区域中,无法对内容进行修改,但用户可以通过 tab 键切换到该控件,选取或复制其中的内容。

可以设置 readonly 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区域的使用。然后,可以使用 JavaScript 来移除 readonly 属性的值,以使文本区域变为可编辑状态。readonly 属性规定文本区为只读。在只读的文本区中,无法对内容进行修改。值可以在请求中传递 。

具体用法如下:
 

<textarea readonly="readonly">test1</textarea> 
<textarea rows="3" cols="20" disabled="disabled"> 
test2 
</textarea> 

HTML 与 XHTML 之间的差异
在 XHTML 中,禁止属性最小化,readonly 属性必须定义为 <textarea readonly="readonly">。

更多精彩内容其他人还在看

浅谈HTML代码中的空格和空行

下面小编就为大家带来一篇浅谈HTML代码中的空格和空行。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

全面了解html.css溢出

下面小编就为大家带来一篇全面了解html.css溢出。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

htm初学笔记(新手必看)

下面小编就为大家带来一篇htm初学笔记(新手必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中文件上传时使用的<input type="file">元素的样式自定义

这篇文章主要介绍了HTML中文件上传时使用的<input type=
收藏 0 赞 0 分享

关于input的file 控件及美化

下面小编就为大家带来一篇关于input的file 控件及美化。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Html/Css(新手入门第一篇必看攻略)

下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML 隐藏滚动条和去除滚动条的方法

这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

下面小编就为大家带来一篇浅谈html标签的显示模式(块级标签,行内标签,行内块标签)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html制作细线表格的简单实例

下面小编就为大家带来一篇html制作细线表格的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中table表格标签的基础学习教程

用table标签在Web上显示表格内容是HTML所具有的最基本功能之一,这里我们就来看一下HTML中table表格标签的基础学习教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多