無効にしてHTMLフォーム入力を送信した後にフォーム値が取得されない問題を解決する方法

フォーム入力ボックスの入力をdisable属性に設定して送信すると、入力ボックスの値を取得できなくなります。このような問題を解決するには、次の2つの方法を参照してください。

方法1:

無効ではなく読み取り専用を使用します。つまり、

disabled="disabled"

変更後

readonly="readonly"

両者の違い:

無効にするとフォーカスを受け取ることができず、Tab キーが使用されてもスキップされ、成功しない可能性があります。
読み取り専用はフォーカスを受け取ることはできますが、変更することはできません。Tab キーを使用して移動することはできますが、成功する可能性があります。
注意: 成功したフォーム要素のみが有効なデータです。つまり、送信後に値を取得できます。無効および読み取り専用のテキスト入力ボックスの値属性は、スクリプトを通じてのみ変更できます。

方法2:

type=hidden を使用して入力を非表示にし、値を取得し、disabled を使用して入力をユーザーに表示します。

<input type="hidden" name="url" value="http://www.neirong.org"/>
<input type="text" value="http://www.neirong.org" disabled="無効"/>

要約する

上記は、HTML フォーム入力が無効になって送信された後にフォーム値を取得できない場合に紹介した解決策です。お役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。