首页 >php教程 >php手册 > 正文

使用readonly属性让失效文字更易阅读

原创2016-06-21 09:14:160520

ado

已经厌倦了眯着眼睛看灰色文字?Readonly可以为你提供一种更好的解决方案



现在我发现自己变老的确切信号不是周身不适,而是要理解Web页面中输入框或文本区域中失效文字(disabled text)所表达意思已经变得越来越困难。对于像我这样怀念古老的Windows 2000的老家伙来说,那些灰色的文字似乎已经有同背景融为一体的趋势。

幸好,还有比做眼部激光外科手术更为廉价的解决方案,即使用名为readonly的属性。该属性将按照同正常文本相同的对比度来显示失效文字,同时仍然保持文字“远观而不可亵玩焉”的失效特性。这成为了平衡二者的最佳方式。

列表A显示了如何使用这一属性的示例,列表B则显示了实际中的情况。总之,这绝对是比拜访眼科医生更为廉价的选择。

列表A:




'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>





Read Only






cellpadding="0px">
































align="left">Normal:

align="left">Disabled:
Read

Only:



id="txtNormal"

name="txtNormal" size="10"

value="xyzzy" />




id="txtDisabled" name="txtDisabled"

size="10" value="xyzzy"

disabled="disabled" />




id="txtReadOnly" name="txtReadOnly"

size="10" value="xyzzy"

readonly="readonly" />























php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:quot gt lt Readonly textarea
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    php中文网

    认证0级讲师

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类