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

所属分类: 网页制作 / HTML/Xhtml 阅读数: 2022
收藏 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">。

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

超链接的宽度和高度直接设置不起作用的解决方法

这篇文章主要介绍了超链接的宽度和高度直接设置不起作用的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

html下拉菜单提交后保留选中值而不返回默认值

这篇文章主要介绍了html下拉菜单提交后如何保留选中值而不返回默认值,方法虽简单,但比较实用,需要的朋友可以参考下
收藏 0 赞 0 分享

html用style添加属性示例

这篇文章主要介绍了html用style添加属性的写法,比较实用,有需要的朋友可以参考下
收藏 0 赞 0 分享

HTML元素设置焦点的方法

HTML元素设置焦点,大都是采用js的focus方法来进行设置,下面有个示例,大家可以参考下
收藏 0 赞 0 分享

html用title属性实现鼠标悬停显示文字

实现鼠标悬停显示文字,html中使用title属性就可实现显示文字的效果,这个属性还是比较实用的,需要的朋友可以参考下
收藏 0 赞 0 分享

html 用超链接打开新窗口其可控制窗口属性

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦
收藏 0 赞 0 分享

html 可输入下拉菜单的实现方法

可输入下拉菜单,不可思议是不是, 本例通过一些方法实现这个不可能的事情,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

a标签href属性与onclick事件使用实例

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
收藏 0 赞 0 分享

HTML cellpadding与cellspacing属性图文详解

这篇文章主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下
收藏 0 赞 0 分享

input输入框中的光标大小显示不一致的解决方法

chrome浏览器对光标高度的设置原则为,当没有内容的时候光标的高度=input的line-height的值,当有内容时,光标从input的顶端到文字的底部
收藏 0 赞 0 分享
查看更多