 |
|
|
 首页 |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
已经厌倦了眯着眼睛看灰色文字？Readonly可以为你提供一种更好的解决方案 现在我发现自己变老的确切信号不是周身不适，而是要理解Web页面中输入框或文本区域中失效文字（disabled text）所表达意思已经变得越来越困难。对于像我这样怀念古老的Windows 2000的老家伙来说，那些灰色的文字好像已经有同背景融为一体的趋势。 幸好，还有比做眼部激光外科手术更为廉价的解决方案，即使用名为readonly的属性。该属性将按照同正常文本一样的对比度来显示失效文字，同时仍旧保持文字“远观而不可亵玩焉”的失效特性。这成为了平衡二者的最佳方法。 列表A显示了如何使用这一属性的示例，列表B则显示了实际中的情况。总之，这绝对是比拜访眼科医生更为廉价的选择。 列表A： <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC \\\'-//W3C//DTD XHTML 1.0 Strict//EN\\\' \\\'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\\\'> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Read Only</title> </head> <body> <table width="100%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <th width="33%" align="left">Normal:</th> <th width="33%" align="left">Disabled:</th> <th align="left">Read Only:</th> </tr> <tr> <td width="33%"> <input type="text" id="txtNormal" name="txtNormal" size="10" value="xyzzy" /> </td> <td width="33%"> <input type="text" id="txtDisabled" name="txtDisabled" size="10" value="xyzzy" disabled="disabled" /> </td> <td> <input type="text" id="txtReadOnly" name="txtReadOnly" size="10" value="xyzzy" readonly="readonly" /> </td> </tr> <tr> <td width="33%"> <textarea id="areaNormal" rows="4" cols="30">Always do right. This will gratify some people and astonish the rest. - Mark Twain</textarea> </td> <td width="33%"> <textarea id="areaDisabled" rows="4" cols="30" disabled="disabled" readonly="readonly">Always do right. This will gratify some people and astonish the rest. - Mark Twain</textarea> </td> <td> <textarea id="areaReadOnly" rows="4" cols="30" readonly="readonly">Always do right. This will gratify some people and astonish the rest. - Mark Twain</textarea> </td> </tr> </table> </body> </html> 返回类别: 教程 上一教程: 十天学会php之第三天 下一教程: 编程员行为规范守则 您可以阅读与"使用readonly属性让失效文字更易阅读"相关的教程: · SSI使用详解（二） · SSI使用详解(一) · PHP3中使用ORACLE函数的使用说明 · PHP中一个中文字符串截取函数 · 如何使用PHP中的日期和时间函数 |
  |
| 快精灵印艺坊 版权所有 |
首页 会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
|
||
