Devre dışı bırakılmış bir giriş alanının değerini gönderme


102

Bir giriş alanını devre dışı bırakmak istiyorum, ancak formu gönderdiğimde yine de değeri geçmelidir.

Kullanım örneği: Google Haritalar'dan enlem ve boylam almaya çalışıyorum ve görüntülemek istiyorum, ancak kullanıcının düzenlemesini istemiyorum.

Mümkün mü?


Yanıtlar:


240

Bir formdaki Giriş Alanını Devre Dışı Bırakmak istiyorum ve formu gönderdiğimde devre dışı bırakılan formdaki değerler gönderilmiyor .

Kullanım Örneği: Google Haritadan Lat Lng almaya çalışıyorum ve bunu Görüntülemek istiyorum .. ancak kullanıcının düzenlemesini istemiyorum .

Sen kullanabilirsiniz readonlysizin giriş alanında özelliği

<input type="text" readonly="readonly" />

2
Girişin yine de odak alabileceğini unutmayın. Bakınız: stackoverflow.com/questions/5443952/…
Rafael Oliveira

5
8 yıl sonra harika cevap. Metnin düzenlenemez görünmesini sağlamak için bunu eklemek istedim. input:read-only { color:grey; }
UltrasoundJelly

21

Bunun eski olduğunu biliyorum ama bu problemle karşılaştım ve cevapların hiçbiri uygun değil. nickf'in çözümü çalışıyor ama javascript gerektiriyor. En iyi yol, alanı devre dışı bırakmak ve yine de değeri iletmektir, değeri forma geçirmek için gizli bir giriş alanı kullanmaktır. Örneğin,

<input type="text" value="22.2222" disabled="disabled" />
<input type="hidden" name="lat" value="22.2222" />

Bu şekilde değer iletilir ancak kullanıcı grileşmiş alanı görür. Salt okunur özelliği onu grileştirmez.


1
Devre dışı bırakılan metin kutularına CSS ekleyebilirsiniz.
krillgar

valueengelli girişi gerekli?
Ömer An

10

Ayrıca Salt Okunur özniteliğini de kullanabilirsiniz: girdi grileşmeyecek ancak düzenlenebilir olmayacaktır

<input type="text" name="lat" value="22.2222" readonly="readonly" />

2

Giriş öğelerinin adlı bir özelliği vardır disabled. Form gönderildiğinde, bunun gibi bir kod çalıştırın:

var myInput = document.getElementById('myInput');
myInput.disabled = true;

5
Form gönderimi sırasında değeri iletmek için orijinal soruyu ele alırsak "devre dışı" özelliği "true" yerine "false" olmalıdır.
Daniel Vukasovich
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.