SORU
22 Mayıs 2009, Cuma


html seçeneği ayırıcı

Nasıl bir select etiketi ayırıcı yapıyor musunuz?

New Window
New Tab
-----------
Save Page
------------
Exit

CEVAP
23 NİSAN 2014, ÇARŞAMBA


Devre dışı seçeneği yaklaşım iyi bak ve iyi desteklenen gibi görünüyor. Ayrıca optgroup kullanarak bir örnek ekledim.

optgroup (çok kötü bu şekilde):

<select>
    <optgroup>
        <option>First</option>
    </optgroup>
    <optgroup label="_________">
        <option>Second</option>
        <option>Third</option>
    </optgroup>
</select>

(biraz daha iyi) devre dışı seçeneği:

<select>
    <option>First</option>
    <option disabled>_________</option>
    <option>Second</option>
    <option>Third</option>
</select>

Ve eğer gerçekten havalı olmak istiyorsan, yatay unicode kutusu çizim karakteri kullanın. Seksi!
(EN İYİ SEÇENEK!)

<select>
    <option>First</option>
    <option disabled>──────────</option>
    <option>Second</option>
    <option>Third</option>
</select>

http://jsfiddle.net/JFDgH/2/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BASS212M

    BASS212M

    15 Temmuz 2009
  • Chip Johnson

    Chip Johnson

    30 AĞUSTOS 2007
  • Mark Brown

    Mark Brown

    9 HAZİRAN 2010