Jak można zdefiniować rozmiar wejściowego pola tekstowego w HTML?

Oto pole tekstowe do wprowadzania tekstu HTML:

<input type="text" id="text" name="text_name" />

Jakie są możliwości określenia rozmiaru pudełka?

Jak można to zaimplementować w CSS?

Możesz ustawić jego width:

<input type="text" id="text" name="text_name" style="width: 300px;" />

lub jeszcze lepiej zdefiniuj klasę:

<input type="text" id="text" name="text_name" class="mytext" />

aw osobnym pliku CSS zastosuj niezbędną stylizację:

.mytext {
    width: 300px;
}

Jeśli chcesz ograniczyć liczbę znaków, które użytkownik może wpisać w tym polu tekstowym, możesz użyć maxlengthatrybutu:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />

Ten sizeatrybut również działa

<input size="25" type="text">

Spróbuj tego

<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;
    }

Możesz ustawić szerokość w pikselach za pomocą wbudowanego stylu:

<input type="text" name="text" style="width: 195px;">

Możesz również ustawić szerokość z widoczną długością znaków:

<input type="text" name="text" size="35">

<input size="45" type="text" name="name">

„Rozmiar” określa widoczną szerokość znaków elementu wejściowego.

Możesz także użyć wysokości i szerokości z css.

<input type="text" name="name" style="height:100px; width:300px;">