1. ホーム
  2. ハイパーリンク

[解決済み】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>