Pole wyboru etykietowania pola startowego i wprowadzania danych

Question

Tworzę formularz z polem wyboru, które jest wstawiane z wprowadzeniem tekstowym. Oto, co zrobiłem, aby wyglądać ładnie z bootstrap:

<label class="checkbox"> 
    <input type="checkbox" name="keywords" value="__option__"> 
    <input type="text" name="keywords_other_option" value="" placeholder="Other"> 
</label> 

Wygląda dobrze, ale nie działa dobrze. W firefox użytkownik nie może wpisać pola tekstowego. Czy istnieje dobry sposób na załadowanie pola wyboru i tekstu wejściowego?

Answer 1

Nie umieszczaj dwóch elementów input wewnątrz jednego elementu label.

A oto Twitter Bootstrap sposobem rozwiązania to:

<form class="form-inline"> 
    <label class="checkbox"> 
    <input type="checkbox" name="keywords" value="__option__"> 
    </label> 
    <input type="text" name="keywords_other_option" value="" placeholder="Other"> 
</form> 

Oto DEMO.

Więcej przykładów można znaleźć pod adresem official documentation.