Основы работы с HTML

         

Текстовые поля


Текстовое поле (type=text) определяет однострочное поле ввода и используется, когда необходимо, чтобы пользователь ввел в форму данные в произвольной форме но ограниченные по объему (слова, словосочетания, числа и т.д.).Следующий пример демонстрирует простейшую форму для ввода имени и фамилии.

<html> <body>

<form> Имя: <input type="text" name="firstname"> <br> Фамилия: <input type="text" name="lastname"> </form>

</body> </html>

Пример выполнения данного HTML-кода

В большинстве браузеров по умолчанию ширина текстового поля равна 20 символам. Для изменения этого значения используется атрибут size. В следующем примере поле для ввода имени ограничено 10 символами.

<html> <body>

<form> Имя: <input type="text" name="firstname" size="10"> <br> Фамилия: <input type="text" name="lastname"> </form>

</body> </html>

Пример выполнения данного HTML-кода

Здесь необходимо отметить, что атрибут size ограничивает только видимую область ввода данных, а не длину вводимой строки. Для этой цели используется атрибут maxlength. В следующем примере максимальное количество символов для ввода имени ограничено тремя.

<html> <body>

<form> Имя: <input type="text" name="firstname" maxlength="3"> <br> Фамилия: <input type="text" name="lastname"> </form>

</body> </html>

Пример выполнения данного HTML-кода

При вводе в поле имени слова "Елена" форма воспримет только первые три символа имени:

Кроме того, при использовании текстовых полей возможно задать значения по умолчанию. Для этого используется атрибут value. Применение этого атрибута показано на следующем примере:

<html> <body>

<form> Имя: <input type="text" name="firstname" value="Билл"> <br> Фамилия: <input type="text" name="lastname" value="Гейтс"> </form>

</body> </html>

Пример выполнения данного HTML-кода

Необходимо отметить, что применение атрибутов для различных типов полей вывода и управления может отличаться. Так, например, атрибут size для текстовых полей ввода (type="text" или type="password") указывает максимальное количество символов, отображаемых в поле, а для прочих элементов – занимаемый по горизонтали размер в пикселях.



Содержание раздела