[解決済み】HTMLフォーム全体を "読み取り専用 "にするには?
2022-04-13 18:17:15
質問
HTMLフォームを使ったページが2つあります。最初のページには投稿フォームがあり、2番目のページには承認フォームがあります。最初のフォームでは多くのコントロールの中から選択することができ、2ページ目では投稿フォームからのデータを確認メッセージとともに再度表示します。この2番目のフォームでは、すべてのフィールドが静的でなければなりません。
私が見たところ、いくつかのフォームコントロールは
readonly
で、全ては
disabled
ただし、読み取り専用のフィールドにタブで移動できる点が異なります。
フィールドごとに行うのではなく、フォーム全体を読み取り専用/無効/静的としてマークし、ユーザーがどのコントロールも変更できないようにする方法はありますか?
解決方法は?
入力フィールドなどをラップして
<fieldset>
を作成し、それを
disabled="disabled"
属性で指定します。
例( http://jsfiddle.net/7qGHN/ ):
<form>
<fieldset disabled="disabled">
<input type="text" name="something" placeholder="enter some text" />
<select>
<option value="0" disabled="disabled" selected="selected">select somethihng</option>
<option value="1">woot</option>
<option value="2">is</option>
<option value="3">this</option>
</select>
</fieldset>
</form>
関連
-
[解決済み】iframeの高さを100%にする方法【重複】。
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] SRCとHREFの違い
-
[解決済み] :last-child が期待通りに動作しない?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] PHPでHTML/XMLをパースして処理する方法とは?
-
[解決済み] How can I set the default value for an HTML <select> element?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み】Markdownで'target="_blank"'でリンクを作成することはできますか?
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
js プログラミング共通のエラーです。Uncaught TypeError。XXXは関数ソリューションではありません
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] bodyタグに追加された奇妙なiframe、`rufous-sandbox`について
-
[解決済み] 背景画像を前後にパンするCSS【非公開
-
[解決済み] head」タグと「header」タグの本当の違いは何ですか?[重複】について]
-
[解決済み] HTMLフォームのSELECTタグ/入力の読み取り専用化
-
[解決済み】ラジオボタンはなぜ "読み取り専用 "にできないのですか?