2013-01-18 15 views
25
<form class="span6"> 
    <h2>Get In Touch</h2><br> 
    <input class="span6" type="text" placeholder="Your first name" required> 
    <input class="span6" type="text" placeholder="Your last name" required> 
    <input class="span6" type="email" placeholder="Your email" required> 
    <input class="span6" type="text" placeholder="Your phone number"> 
    <input class="span6" type="text" rows="3" placeholder="What's up?" required><br> 
    <button type="submit" class="btn btn-primary">Submit</button> 
    <button type="clear" class="btn">Clear</button> 
</form><!--/.span6--> 

Oto moja forma, której używam w Bootstrap. Próbuję uczynić moje ostatnie pole wejściowe rozciągające się na 6 kolumnach i 3 rzędy w dół, ale ma tylko 6 kolumn i 1 wiersz w dół. Jakieś pomysły na ulepszenie mojego pola wprowadzania danych? Dzięki.Pole wprowadzania wielowierszowego z użyciem Bootstrap

Odpowiedz

38

Myślę, że problemem jest to, że używasz type = "text" zamiast textarea. Co chcesz to:

<textarea class="span6" rows="3" placeholder="What's up?" required></textarea> 

celu wyjaśnienia, typ = „tekst” zawsze będzie jeden wiersz, gdzie, jak textarea mogą być wielorakie.

+3

Zgodnie z dokumentami [bootstrap's docs] (http://getbootstrap.com/components/#textual- ) to może nie być najlepszy pomysł: "Unikaj używania'