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

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

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

移动 web 端屏幕适配(rem)

这篇文章主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配(rem),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解前端在html页面之间传递参数的方法

这篇文章主要介绍了详解前端在html页面之间传递参数的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html form表单input使用disabled后提交不能获取表单值的解决方法

这篇文章主要介绍了html form表单input使用disabled后提交不能获取表单值的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

DIV的失去焦点(blur)实现方法

这篇文章主要介绍了DIV的失去焦点(blur)实现方法,用防抖实现DIV鼠标移出消失,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解HTML onfocus获得焦点和onblur失去焦点事件

这篇文章主要介绍了详解HTML onfocus获得焦点和onblur失去焦点事件的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中两个tabs导航冲突问题的解决方法

这篇文章主要介绍了HTML中两个tabs导航冲突问题的解决方法,需要的朋友参考下吧
收藏 0 赞 0 分享

详解html中 position属性用法(四种)

这篇文章主要介绍了html中 position用法,文中逐一给大家介绍了position的四个属性值,感兴趣的朋友跟随小编一起看看吧
收藏 0 赞 0 分享

详解左右宽度固定中间自适应html布局解决方案

这篇文章主要介绍了详解左右宽度固定中间自适应html布局解决方案的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解 html area标签

area 元素总是嵌套在 <map> 标签中。本文重点给大家介绍html area标签的相关知识,需要的朋友参考下吧
收藏 0 赞 0 分享

HTML高亮关键字的完美解决方案

最近项目做晕头,一个接一个,其中遇到这样的一个功能,在网页中高亮关键字的实现方法,下面小编把实现代码及解决方案分享给大家,感兴趣的的朋友跟随小编一起看看吧
收藏 0 赞 0 分享
查看更多