HTMLの読み取り専用属性とは何ですか?

藏色散人
リリース: 2021-05-19 16:20:17
オリジナル
4860 人が閲覧しました

html読み取り専用属性は、入力フィールドが読み取り専用であることを規定する読み取り専用属性を指します。読み取り専用属性は、特定の条件が満たされるまでユーザーが値を変更できないようにします。この属性の設定構文は次のとおりです。 ""。

HTMLの読み取り専用属性とは何ですか?

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

readonly 属性は、入力フィールドが読み取られることを指定します。 -のみ。

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

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

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

Syntax

<input readonly="value">
ログイン後にコピー

属性値、readonly は、入力フィールドを読み取り専用に設定します。

例:

2 つのテキスト フィールドと送信ボタンを含む HTML フォーム:

コード

<html>
<body>

<form action="/example/html/form_action.asp" method="get">
  
  <p>Name:<input type="text" name="email" /></p>

  <p>Country:<input type="text" name="country" 
  value="China" readonly="readonly" /></p>
  
  <input type="submit" value="Submit" />
</form>

<p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>
</html>
ログイン後にコピー

実行効果 :

HTMLの読み取り専用属性とは何ですか?

推奨学習: 「HTML ビデオ チュートリアル 」「css ビデオ チュートリアル

以上がHTMLの読み取り専用属性とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!