HTMLで読み取り専用を設定する方法-フロントエンドQ&A-php.cn

HTMLで読み取り専用を設定する方法

藏色散人

リリース： 2021-04-09 10:27:24

オリジナル

3004 人が閲覧しました

html読み取り専用を設定する方法: まず HTML サンプルファイルを作成し、次にフォームを作成し、次に input タグを設定し、最後に input タグに「readonly」属性を追加して読み取り専用効果を実現します。

HTMLで読み取り専用を設定する方法

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

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

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

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

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

構文

<input readonly="value">

ログイン後にコピー

例:

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で読み取り専用を設定する方法