コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでテキストボックスを編集不可にする方法

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

王林
リリース： 2023-01-06 11:18:00
オリジナル
7750 人が閲覧しました

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

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

#この記事の動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル：
html テキストボックス
前の記事：HTMLでテキストの中央揃えを設定する方法 次の記事：HTMLでテーブルを作成する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
<html><>と入力すると、どのようにして<html></html>になるのでしょうか？
から 1970-01-01 08:00:00
0
0
0
HTMLの概要
から 1970-01-01 08:00:00
0
0
0
HTMLの概要
から 1970-01-01 08:00:00
0
0
0
HTMLとHTML5の違い
から 1970-01-01 08:00:00
0
0
0
HTML コンテンツを別の HTML ページに送信する方法
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート