so erstellen Sie eine Dropdown-Liste mit den Wasserzeichen-text in

In HTML wie erstellen Sie eine Dropdown-Liste mit water mark text in dem Bereich.

Meine Voraussetzung ist, um eine drop-down-Liste so Aussehen, wie ein Textfeld mit Wasserzeichen-text, an der Ecke unten-Wort-Pfeil für die Auswahl der Daten aus der Liste.

<select>
  <option value="Class">Class room</option>
  <option value="Ground">Play ground</option>
</select>

Dies gibt mir eine normale dropdown-Liste.
Drop-down-Listenfeld, möchte das Suche-Feld in stackover-flow mit einem Pfeil markieren, am Ende/Ecke.

  • Ich denke du meinst Platzhalter von Wasserzeichen, ja?
  • offcourse Sie r Recht,Platzhalter mit drop-down-Liste
InformationsquelleAutor user2086641 | 2013-04-16
  1. 2

    müssen Sie so etwas wie dieses:

    HTML:

    <select id="choice">
    <option value="0" selected="selected">Select...</option>
    <option value="1">Class room</option>
    <option value="2">Play ground</option>
</select>

    CSS:

    #choice option { color: black; }
.empty { color: gray; }

    JQuery:

    $("#choice").change(function () {
    if($(this).val() == "0") $(this).addClass("empty");
    else $(this).removeClass("empty")
});
$("#choice").change();

    JSFIDDLE

    InformationsquelleAutor Majid Abarghooei
  2. 1

    Können Sie in der ul-li wie

    <div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>

    geben die li-hintergrund-Bild wie

    div ul li{background:url(arrow.png) no-repeat;}
    InformationsquelleAutor Akhil Thesiya
  3. 0

    Wenn Sie HTML 5 verwenden, können Sie Platzhalter-Attribut in das Textfeld.

    <input type="text" placeholder="Watermark" />

    und verwenden Sie diese jquery AutoVervollständigen zu erreichen, drop-down-Auswahl nach dem eingegebenen Schlüsselwort.

    Oder

    <select>
   <option value="" selected="selected">Watermark</option>
   <option value="Class">Class room</option>
   <option value="Ground">Play ground</option>
</select>
    InformationsquelleAutor Ekin
Schreibe einen Kommentar