ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTML5で読み取り専用と無効の構文は何ですか
HTML5で読み取り専用と無効の構文は何ですか
- WBOYオリジナル
- 2022-01-23 16:03:132391ブラウズ
HTML5 では、読み取り専用と無効の構文は「」および「
」です。readonly 属性は次の目的で使用されます。入力フィールドを指定します。 読み取り専用であるため、disabled 属性は要素を無効にすることを指定します。
このチュートリアルの動作環境: 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>出力結果:
推奨チュートリアル: "html ビデオチュートリアル>>
以上がHTML5で読み取り専用と無効の構文は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。