Oto pole wprowadzania tekstu HTML:Jak można zdefiniować rozmiar wejściowego pola tekstowego w HTML?
<input type="text" id="text" name="text_name" />
Jakie są opcje, aby określić rozmiar okna?
W jaki sposób można to zaimplementować w CSS?
Oto pole wprowadzania tekstu HTML:Jak można zdefiniować rozmiar wejściowego pola tekstowego w HTML?
<input type="text" id="text" name="text_name" />
Jakie są opcje, aby określić rozmiar okna?
W jaki sposób można to zaimplementować w CSS?
Można ustawić jego width
:
<input type="text" id="text" name="text_name" style="width: 300px;" />
lub nawet lepsze zdefiniowanie klasy:
<input type="text" id="text" name="text_name" class="mytext" />
aw osobnym pliku CSS Stosowanie niezbędnych stylizacji:
.mytext {
width: 300px;
}
Jeśli chcesz ograniczyć liczbę znaków, które użytkownik może wpisać w tym polu tekstowym, którego możesz użyć atrybut maxlength
:
<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
OK dzięki za pomoc – osos
również : możesz zmienić szerokość w kategoriach "em" (a nie "px"), a następnie rozmiar jest proporcjonalny do rozmiaru czcionki w polu tekstowym –
Atrybut size
działa, jak również:
<input size="25" type="text" />
Spróbuj
<input type="text" style="font-size:18pt;height:420px;width:200px;">
albo
<input type="text" id="txtbox">
z CSS:
#txtbox
{
font-size:18pt;
height:420px;
width:200px;
}
Twoja odpowiedź nie dodaje nic nowego i powinieneś podać jednostki (px, pt,% v, itp.) W css –
Cóż, rozmiar czcionki (styl = "rozmiar czcionki: 18pt") był tym, którego szukałem również zwiększa rozmiar pudełka. Choć nie jest to jednoznacznie określone przez PO, to również dodaje wartości. – Wolf5
Można ustawić szerokość w pikselach poprzez inline stylizacji:
<input type="text" name="text" style="width:195px;">
Można również ustawić szerokość z widocznym długości znaków:
<input type="text" name="text" size="35" />
możliwe duplikat [Jak ustawić rozmiaru pola tekstowego HTML?] (Http: // stackoverflow .pl/questions/2125509/how-do-i-set-of-an-html-text-box) – Tony
W niektórych przypadkach samo ustawienie 'max-width' jest wystarczające –