ホームページ > ウェブフロントエンド > ライユイのチュートリアル > ブートストラップ入力ボックスを読み取り専用に設定する方法

ブートストラップ入力ボックスを読み取り専用に設定する方法

藏色散人
リリース: 2023-01-13 00:40:11
オリジナル
3290 人が閲覧しました

ブートストラップ入力ボックスに読み取り専用を設定する方法: まず、対応するコード ファイルを開き、次に「placeholder="Readonly input here...」などのステートメントを使用して、入力ボックスに読み取り専用属性を設定します。読み取り専用」。

ブートストラップ入力ボックスを読み取り専用に設定する方法

このチュートリアルの動作環境: Windows7 システム、bootstrap3.3.7 バージョン、Dell G3 コンピューター

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

読み取り専用入力ボックス

入力ボックスに読み取り専用属性を設定してユーザーを禁止します入力、および入力ボックスのスタイルも無効になります。

<input class="form-control" type="text" placeholder="Readonly input here…" readonly>
ログイン後にコピー

レンダリング:

ブートストラップ入力ボックスを読み取り専用に設定する方法

readonly 属性

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

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

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

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

以上がブートストラップ入力ボックスを読み取り専用に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート