Регулировка размера текстового поля HTML - PullRequest
Новая
       1

Регулировка размера текстового поля HTML

1 голос
/ 03 февраля 2011

Я программист php.Я не могу уменьшить размер нескольких текстовых полей в моей HTML-форме, они в том же .

Ответы [ 4 ]

2 голосов
/ 03 февраля 2011

Прочитайте эти примеры - http://www.w3schools.com/css/css_reference.asp#dimension

<html>
<head>
    <style type="text/css">
       input {height:100px; width:200px; }
    </style>
</head>
<body>
        <input type="text" />
</body>

В этом случае все html-типы ввода будут иметь высоту 100x и ширину 200px. Вместо этого, если вы используете «класс», вы стилизуете только те элементы, которым присвоен этот конкретный класс. 

<html>
<head>
    <style type="text/css">
        .tb {height:100px; width:200px; }
    </style>
</head>
<body>
<input type="text" class="tb"/>
<br />
<input type="text" />
</body>

Вы также можете использовать «id» для этого конкретного HTML-элемента. Идентификаторы должны быть уникальными на html-странице 

<html>
<head>
    <style type="text/css">
        #tb {height:100px; width:200px; }
    </style>
</head>
<body>
<input type="text" id="tb"/>
<br />
<input type="text" />
</body>

0 голосов
/ 03 февраля 2011

Вы также можете написать так, 

<html>
<head>
<style type="text/css">
input[type=text] {height:50px;width:200px;}
</style>
</head>
<body>
<input type="text" />
</body>
0 голосов
/ 03 февраля 2011

Вы также можете указать атрибуты rows и cols текстовых областей для управления их размером.Строки - это горизонтальные линии, а столбцы - это количество символов в ширину, которое вы хотите, чтобы texarea было 

<textarea name="myText" rows="10" cols="80">Enter some text</textarea>

Обеспечивает довольно короткую и широкую область текста.

0 голосов
/ 03 февраля 2011

Если вы используете CSS, простое свойство width и height работает просто отлично. 

textarea {height:100px; width:100px; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...