Информационные технологииStfw.Ru 🔍

Как установить ширину текстового поля в пикселах?

🕛 23.01.2009, 00:18
Ширина текстового поля, создаваемого с помощью тега <INPUT>, определяется стилевым атрибутом width, значение которого можно устанавливать в пикселах, процентах или других допустимых единицах, как показано в примере 1.
Пример 1. Ширина поля

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ширина текстового поля</title> <style type="text/css"> #user { width: 300px; /* Ширина поля в пикселах */ } </style> </head> <body> <form name="form1" method="post" action="handler.php"> <p>Введите ваше имя:</p> <p><input type="text" name="username" id="user" size="5"> <input type="submit" name="Submit" value="Послать"></p> </form> </body>
</html>

В данном примере задана ширина поля в пикселах путем добавления атрибута width к идентификатору поля user. 

Заметьте, что ширина поля также определена с помощью параметра size тега <INPUT>, но в случае применения стилей этот параметр игнорируется.

Все рецепты HTML и CSS   Теги:

Читать IT-новости в Telegram
Информационные технологии
Мы в соцсетях ✉