2011-03-12 15 views
20

<input type="file" /> varsayılan değerini “Dosya seç” den “Gözat” a değiştirmek istiyorum. Bu nasıl yapılır?“Dosya seç”, “Gözat” olarak nasıl değiştirilir?

+0

İyi soru, ben bu sorulmasını etti hayrete ve çözümlerin hiçbirinin – PandaWood

+0

Webkit tarayıcı kullanan basit dosya terimlerini seç. Aşağıdaki çözümler bu sorun için basittir. Bir düğmeyi simüle etmek için JS'yi kullanmak, web tasarımcılarının kullandığı çok yaygın bir çözümdür ve tasarımcı tarafından tasarlanan bir sayfa ortaya koymalarına ve tarayıcılar arasında görsel olarak benzer olmalarına olanak tanır. – CarComp

+0

Olası olarak çoğaltılabilir [ Bae

cevap

3

İşte başka bir çözüm; dosya türü giriş alanını (düğme) gizlemek ve içeriğin değiştirilmesine izin veren başka bir normal düğme tipi giriş alanı (düğme) yerleştirmek - ilk dosya düğmesini tetiklemek (alt öğe) JavaScript ile ikinci normal düğmeyi tıklatmak (üstteki) .

ve Hide onu

+0

Buradaki tüm yorumlarda sanki varsayılan değeri değiştirmenin kolay bir yolu yok gibi görünüyor. – shevy

23

Howto Style the Button of a input type="file" Control → onu tetiklemek için bir diğer denetimi kullanın.

<a href="#" onclick="document.getElementById('fileID').click(); return false;" />Browse</a> 
<input type="file" id="fileID" style="visibility: hidden;" /> 
+1

Bu çözümü kullandım ancak önyükleme kullanarak bir düğme olarak biçimlendirdim ve ekran ekledi: hiçbiri giriş kontrolü için fazladan alan eklemiyor. 'Browse ' – CarComp

İlgili konular