ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでテキストボックスを編集不可にする方法

HTMLでテキストボックスを編集不可にする方法

王林オリジナル: 2021-06-23 14:07:177615ブラウズ

htmlテキストボックスを編集不可にするには、テキストボックスに無効なブール属性を追加します。 disabled 属性は、無効にする入力要素を指定します。無効な要素は使用したりクリックしたりできません。

#この記事の動作環境: Windows10 システム、HTML 5、Thinkpad t480 コンピューター。

disabled 属性を使用して、テキストボックスを編集不能にできます。disabled 属性は、無効にする要素を指定するブール属性です。同時に、無効になった input 要素を無効にすることはできません。使用またはクリックされました。

disabled 属性は、特定の条件 (チェックボックスをオンにするなど) が満たされた場合にのみユーザーが要素を使用できるように設定されます。その後、JavaScript を使用して無効な値を削除し、要素を使用できるようにします。

ヒント: フォーム内の無効になっている要素は送信されません。

注: 無効な属性はには適用されません。

コード例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo_form.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname" disabled><br>
  <input type="submit" value="提交">
</form>

</body>
</html>

実行時の効果は次の図に示されています:

HTMLでテキストボックスを編集不可にする方法

#関連する推奨事項:

html ビデオチュートリアル

以上がHTMLでテキストボックスを編集不可にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript html input

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLでテキストの中央揃えを設定する方法次の記事：HTMLでテキストの中央揃えを設定する方法

続きを見る