Chcę wyłączyć pole wejściowe, ale kiedy wysyłam formularz, powinno nadal przekazywać wartość.
Przykład zastosowania: próbuję uzyskać szerokość i długość geograficzną z Map Google i chcę je wyświetlić, ale nie chcę, aby użytkownik je edytować.
czy to możliwe?
javascript
html
Harsha MV
źródło
źródło
Odpowiedzi:
Możesz użyć
readonly
właściwości w swoim polu wejściowymźródło
input:read-only { color:grey; }
Wiem, że to stare, ale właśnie napotkałem ten problem i żadna z odpowiedzi nie jest odpowiednia. Rozwiązanie nickf działa, ale wymaga javascript. Najlepszym sposobem jest wyłączenie pola i nadal przekazywanie wartości, to użycie ukrytego pola wejściowego do przekazania wartości do formularza. Na przykład,
W ten sposób wartość jest przekazywana, ale użytkownik widzi wyszarzone pole. Atrybut readonly nie powoduje jego wyszarzenia.
źródło
value
konieczne przy wyłączonym wejściu?możesz także użyć atrybutu Tylko do odczytu: dane wejściowe nie będą wyszarzone, ale nie będzie można ich edytować
źródło
Elementy wejściowe mają właściwość o nazwie
disabled
. Kiedy formularz zostanie przesłany, po prostu uruchom kod podobny do tego:źródło