HTML5で読み取り専用と無効の構文は何ですか-フロントエンドQ&A-php.cn

html5 で読み取り専用および無効にするための構文は何ですか。

ホームページ

ウェブフロントエンド

フロントエンドQ&A

HTML5で読み取り専用と無効の構文は何ですか

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jan 23, 2022 pm 04:03 PM

html

HTML5 では、読み取り専用と無効の構文は「」および「」です。readonly 属性は次の目的で使用されます。入力フィールドを指定します。読み取り専用であるため、disabled 属性は要素を無効にすることを指定します。

HTML5で読み取り専用と無効の構文は何ですか

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 で読み取り専用および無効にするための構文は何ですか。

readonly 属性は、入力フィールドが読み取り専用であることを指定します。

読み取り専用フィールドは変更できません。ただし、ユーザーはタブでフィールドに移動し、そのテキストを選択またはコピーすることができます。

readonly 属性は、特定の条件が満たされるまで (チェックボックスが選択されているなど)、ユーザーが値を変更できないようにします。次に、JavaScript を使用して読み取り専用値を削除し、入力フィールドを編集可能な状態に切り替える必要があります。

readonly 属性は、またはとともに使用できます。

Syntax

<input readonly="value">

ログイン後にコピー

disabled 属性は、入力要素を無効にすることを指定します。

無効化された入力要素は使用できず、クリック可能でもありません。無効な属性は、他の条件 (チェックボックスが選択されているなど) が満たされるまで設定できます。次に、JavaScript を使用して無効な値を削除し、入力要素の値を使用可能な値に切り替える必要があります。

注: 無効な属性はでは使用できません。

文法

<input disabled="value">

ログイン後にコピー

例は次のとおりです:

<html>
<body>
<form action="/example/html/form_action.asp" method="get">
  <p>正常的input：<input type="text" name="fname" /></p>
  <p>禁用input： <input type="text" name="lname" disabled="disabled" /></p>
    <p>只读input：<input type="text" name="country" 
  value="China" readonly="readonly" /></p>
</form>
<p>请在提交按钮上单击，输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>

ログイン後にコピー

出力結果:

HTML5で読み取り専用と無効の構文は何ですか