style dla formularza - pole select.

0

Witam, mam dwa małe problemy z polem select w formularzach. Oto kod:

<select name="bukmacher" id="rej-buk" class="rej-inputs">
                                <option>Wybierz bukmachera</option>
                                <option value="bwin">bwin</option>
                                <option value="bet-at-home">bet-at-home</option>
                                <option value="bet365">bet365</option>
                                
                            </select>

Problem numer 1 - jak dodać tytuł pola, jak np dla input daje placeholder, który znika po kliknięciu?
Problem numer 2 - z boku pola jest strzałka do rozwijania listy, w jaki sposób moge tam wstawic swoją strzałkę?

2

1 - nie ma dla selecta placeholdera, jakaś opcja musi być wybrana. dobrym motywem jest właśnie coś w rodzaju "- Wybierz bukmachera -", tylko przypisz temu value="", żeby szybiej rozpoznać po stronie serwera.
2 - nie da się. musiałbyś przepisać zachowanie takiego selecta na divach. żeby uwzględnić chociażby poruszanie się strzałkami, tab-em między polami, eventy i wszystko - sporo roboty. możesz użyć gotowca, np. "select2" z bootstrapa (fajna rzecz, ma np. wyszukiwanie w polach option)

0

#2 da się tylko trzeba się nieco pobawić w taki sam sposób jak można definiować własnego checkboxa, czy radio buttona. Tworzysz diva i ostylowujesz go tak jak chcesz, żeby select wyglądał. Dajesz do diva selecta i nadajesz mu opacity: 0. Następnie w javascripcie oprogramowujesz, że na zmianę wartości selecta do diva wstawia się wybrana wartość.

1 użytkowników online, w tym zalogowanych: 0, gości: 1