Deaktivierte Formularfelder übermitteln keine Daten [duplicate]

Gibt es eine Möglichkeit (mit einem Attribut-Flag oder ähnlichem), Formularfelder zu aktivieren, die zum Senden von Daten deaktiviert sind?

Oder, falls dies nicht möglich ist, gibt es eine Möglichkeit, Felder für die Bearbeitung mit CSS oder einem anderen Attribut als deaktiviert zu blockieren, ohne sie auszublenden?

Mein Spezialfall ist im Moment eine Kennung für einen Datensatz, der im Formular angezeigt werden soll (nicht editierbar) – wenn es keine bessere Lösung gibt, denke ich, dass ich ein verstecktes Feld zusätzlich zu dem deaktivierten Feld verwenden werde, um das eigentliche zu halten Wert, wobei der deaktivierte Wert angezeigt wird.

Wie schon erwähnt: READONLY funktioniert nicht für <input type="checkbox"> und <select>...</select>.

Wenn Sie eine haben Form mit deaktivierten Kontrollkästchen / Auswahlen UND müssen sie übermittelt werden, können Sie jQuery verwenden:

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

Dieser Code entfernt die disabled Attribut aus allen Elementen beim Absenden.

Verwenden Sie das CSS pointer-events:none für Felder, die Sie “deaktivieren” möchten (möglicherweise zusammen mit einem grauen Hintergrund), was die POST-Aktion ermöglicht, wie:

<input type="text" class="disable">

.disable{
pointer-events:none;
background:grey;
}

Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Wir können das schreibgeschützte auch nur mit den folgenden Attributen verwenden –

readonly onclick=’return false;’

Dies liegt daran, dass Optionsfelder bearbeitet werden können, wenn wir nur die readonly verwenden. Um diese Situation zu vermeiden, können wir readonly mit der obigen Kombination verwenden. Es schränkt die Bearbeitung ein und die Werte des Elements werden auch während der Formularübermittlung übergeben.

Fügen Sie dem Eingabeelement CSS oder eine Klasse hinzu, die in Auswahl- und Text-Tags wie z

style=”pointer-events: none;background-color:#E9ECEF”