テキストエリアの disabled 属性と readonly 属性の具体的な使用法

障害者の定義と使用法

disabled 属性はブール属性です。

disabled 属性は、テキスト領域を無効にすることを指定します。

無効なテキスト領域は使用できず、選択可能なテキストも存在しません (コピーできません)。

無効プロパティを設定すると、何らかの条件が満たされるまで (チェックボックスの選択など)、テキスト領域へのユーザー アクセスを復元できます。次に、JavaScript を使用して disabled 属性の値を削除し、テキスト領域を有効にします。

HTML 4.01 と HTML5 の違い

なし。

HTML と XHTML の違い XHTML では、属性の最小化は禁止されており、disabled 属性は <textarea disabled="disabled"> として定義する必要があります。

disabled 属性は、無効なテキスト領域を示します。無効なテキスト領域では、コンテンツを変更することはできず、リクエストで値を渡すこともできません。

<テキストエリアが無効>
123WORDPRESS.COM では、ウェブサイトの作成方法を学ぶことができます。当社は最も包括的な Web テクノロジー チュートリアルを提供しています。
</テキストエリア>

無効と無効の違い = 「無効」

disabled = "disabled" は XML の標準的な記述方法です。XML の互換性を保ちたい場合は、disabled = "disabled" と記述する必要があります。XHTML を使わず、XML 構文を気にしない場合は、単独で使用してもかまいません。

注: Chrome など、Firefox 以外のブラウザでは、<textarea disabled> を選択してコピーできます。

読み取り専用の定義と使用法

readonly 属性はブール属性です。

readonly 属性は、テキスト領域が読み取り専用であることを指定します。

読み取り専用テキスト領域ではコンテンツを変更することはできませんが、ユーザーは Tab キーを使用してコントロールに切り替え、コンテンツを選択またはコピーできます。

readonly 属性を設定すると、何らかの条件が満たされるまで (チェックボックスの選択など)、テキスト領域へのユーザー アクセスを復元できます。次に、JavaScript を使用して readonly 属性の値を削除し、テキスト領域を編集可能にすることができます。 readonly 属性は、テキスト領域が読み取り専用であることを指定します。読み取り専用テキスト領域では、コンテンツを変更することはできません。リクエストで値を渡すことができます。

具体的な使い方は以下のとおりです。

<textarea readonly="読み取り専用">テスト1</textarea> 
<textarea rows="3" cols="20" disabled="無効"> 
テスト2 
</テキストエリア> 

HTML と XHTML の違い XHTML では、属性の最小化は禁止されており、readonly 属性は <textarea readonly="readonly"> として定義する必要があります。