CSS で編集不可を設定する方法: 1. readonly 属性を使用して、入力フィールドが読み取り専用で編集不可であることを指定します。 2. 編集できないように、input 要素を無効にするには、disabled 属性を使用します。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
css 設定は編集できません:
1. CSS は、readonly 属性によって入力フィールドが読み取り専用であり、編集できないことを指定します:
<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>
レンダリング:
[推奨学習: css ビデオ チュートリアル]
2.disabled 属性を使用して、 input 要素を編集不可能にするには、無効にする必要があります。
<html> <body> <form action="/example/html/form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" disabled="disabled" /></p> <input type="submit" value="Submit" /> </form> <p>请在提交按钮上单击，输入会发送到服务器上名为 "form_action.asp" 的页面。</p> </body> </html>
レンダリング:
disabled 属性:
disabled 属性は、入力が要素を無効にする必要があります。
無効化された入力要素は使用できず、クリック可能でもありません。無効な属性は、他の条件 (チェックボックスが選択されているなど) が満たされるまで設定できます。次に、JavaScript を使用して無効な値を削除し、入力要素の値を使用可能な値に切り替える必要があります。
readonly 属性:
readonly 属性は、入力フィールドが読み取り専用であることを指定します。
読み取り専用フィールドは変更できません。ただし、ユーザーはタブでフィールドに移動し、そのテキストを選択またはコピーすることができます。
readonly 属性は、特定の条件が満たされるまで (チェックボックスが選択されているなど)、ユーザーが値を変更できないようにします。次に、JavaScript を使用して読み取り専用値を削除し、入力フィールドを編集可能な状態に切り替える必要があります。
readonly 属性は、 または とともに使用できます。
以上がCSSを編集不可に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
