readonly 属性を使用して、無効なテキストを読みやすくします。

アド

灰色のテキストを目を細めて見ることにうんざりしていませんか? Readonly は、より良いソリューションを提供します



今、年を重ねることの確かな兆候は一般的な不快感ではなく、Web ページの入力ボックスまたはテキスト領域で無効になっているテキストを理解する必要があることがわかりました。ますます難しくなります。古い W​​indows 2000 を懐かしむ私のような老人にとって、これらの灰色のテキストは背景に溶け込む傾向があるようです。

幸いなことに、レーザー眼科手術よりも安価な解決策があります。それは、読み取り専用と呼ばれる属性を使用することです。この属性は、無効なテキストを通常のテキストと同じコントラストで表示しますが、「遠くから見ても操作できない」テキストの無効な性質は維持します。これが 2 つのバランスをとる最良の方法になります。

リスト A はこのプロパティの使用方法の例を示し、リスト B は実際に何が起こるかを示します。全体として、これは眼科医に行くよりも間違いなく安価な選択肢です。

リスト A:




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

cellpadding="0px">

align="left">標準:	align="left">無効:	読み取り のみ:
id="txtNormal" name="txtNormal" size="10" value="xyzzy" />	id="txtDisabled" name="txtDisabled" size="10" value="xyzzy" disabled="disabled" />	< ;input type="text" id="txtReadOnly" name="txtReadOnly" size="10" value="xyzzy" readonly="readonly" />
<br/> rows="4"cols="30">常に<br> <br>正しく行えば、一部の人々は満足し、<br><br>残りの人々も驚かれるでしょう。 ;textarea id="areaDisabled"<br><br> rows="4"cols="30"<br><br>disabled="disabled"<br><br> readonly="readonly">これは一部の<br><br>人を満足させ、驚かせるでしょう。残り -<br><br> マーク・トウェイン	<br/> rows="4"cols="30"<br/><br/> readonly ="readonly">常に正しく<br><br>してください。これは一部の人を満足させ、他の人を驚かせるでしょう -<br><br> マーク・トウェイン 。