ホームページ  >  記事  >  ウェブフロントエンド  >  編集不可能なブートストラップ入力を実装する方法

編集不可能なブートストラップ入力を実装する方法

藏色散人
藏色散人オリジナル
2020-12-07 09:52:284042ブラウズ

編集不可能なブートストラップ入力を実装する方法: まず、対応するコード ファイルを開き、次に「placeholder="Disabled input here..." disabled」などのステートメントを使用して、入力入力ボックスの無効属性を設定します。 。

編集不可能なブートストラップ入力を実装する方法

このチュートリアルの動作環境: Windows 7 システム、ブートストラップ バージョン 3.3.7、Dell G3 コンピューター。

ブートストラップ入力は編集できません

ブートストラップでは、入力入力ボックスに無効な属性を設定すると、ユーザーとの対話 (フォーカス、入力など) が禁止される場合があります。 。無効化された入力ボックスの色は明るくなり、マウスが許可されていない状態が追加されました。

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>

レンダリング:

編集不可能なブートストラップ入力を実装する方法

disabled 属性

disabled 属性はブール属性です。

disabled 属性は、どの 要素を無効にするかを指定します。

無効化された入力要素は使用できず、クリックできません。

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

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

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

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

以上が編集不可能なブートストラップ入力を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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