Campi modulo disattivati ​​che non inviano dati

Question

C'è un modo (con un flag di attributo o qualcosa di simile) per abilitare i campi modulo che sono disabilitati per inviare i dati?

Oppure, se ciò non è possibile, c'è un modo per bloccare i campi da modificare con css o qualsiasi altro attributo di disabilitato senza nasconderlo?

Il mio caso speciale al momento è un identificativo per un set di dati che dovrebbe essere mostrato nel modulo (non modificabile) - se non c'è soluzione migliore penso che userò un campo nascosto oltre a quello disabilitato per mantenere il valore reale con quello disabilitato mostrandolo.

Answer 1

Checkout l'attributo di sola lettura http://www.w3schools.com/tags/att_input_readonly.asp

Answer 2

elementi con attributo Disabled non siano presentate o si può dire i loro valori non sono inviati.

cioè

<input type="textbox" name="Percentage" value="100" disabled="disabled" /> 

FYI,

1. controlli disabili non ricevono attenzione.
2. I controlli disabilitati vengono saltati in navigazione con linguette.
3. I controlli disabilitati non possono essere inviati correttamente.

È possibile utilizzare l'attributo readonly nel tuo caso, in questo modo potrai pubblicare i dati del tuo campo.

cioè

<input type="textbox" name="Percentage" value="100" readonly="readonly" /> 

proposito,

1. sola lettura elementi ricevono lo stato attivo ma non possono essere modificati dall'utente.
2. Gli elementi di sola lettura sono inclusi nella navigazione con linguette.
3. Gli elementi di sola lettura vengono inviati correttamente.

Nota: READONLY non funziona su caselle di controllo e selezionare i tag

Ref from

Answer 3

Come è stato già detto: READONLY non funziona per <input type='checkbox'> e <select>...</select>.

Se si dispone di un Form con disabilità caselle di controllo/seleziona e bisogno di loro per essere presentate, è possibile utilizzare jQuery:

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

Questo codice rimuove l'attributo disabled da tutti gli elementi su Invia.

Answer 4

se si desidera disabilitare campo o vuole inviare valore, è possibile provare questo

<input type="hidden" name="Percentage" value="100" /> 
<input type="textbox" name="Percentage" value="100" disabled /> 

Answer 5

Utilizzare i CSS puntatore-eventi: nessuno sui campi che si desidera "Disable" (eventualmente con uno sfondo in grigio) che permette l'azione POST, come:

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

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

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