フォーム データの組み込みに無効な選択と非表示の入力を使用する HTML では、タグには専用の読み取り専用属性がないため、開発者はユーザーによる変更を防ぐために無効な属性に依存する必要があります。ただし、無効化されたフォーム入力は POST/GET データ送信から除外されるため、ユーザーが選択した値を保持したい場合にジレンマが生じます。 この課題を克服するための実際的な解決策は、 キーを維持することです。要素は無効になっていますが、同じ名前と値を持つ追加の隠し入力が導入されています。これにより、選択した値をキャプチャしてフォーム データに含めることができます。 を再度有効にしたい場合は、後で入力する場合は、onchange イベントを使用してその値を非表示の入力に複製し、同時にこの非表示の入力を無効 (または削除) します。次のコードのデモを考えてみましょう:[コード スニペット] フォームを送信すると、送信されたデータが表示されます。最初は、動物選択の要素は無効になっています。[有効にする] ボタンをクリックすると、 要素が再び有効になります。 この手法を採用すると、 の読み取り専用機能を効果的にエミュレートできます。送信されたフォーム データで選択されたアイテムを保持しながら、タグを付けます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
