Урок 7.3: Поле для текста

В прошлом уроке создавалась простая форма с использованием одинарного тега <input>. Этот тег используется для создания полей, для ввода небольшого количества текста: одно - два слова. Например Имя, Имя и Фамилия, номер телефона и прочее.

Пример создания поля для текста.

<html>  <head>   <title>Поле текста</title>  </head>  <body>   <form>    Введите свое имя - <input /><br />    Введите свою фамилию - <input />   </form>  </body> </html>

Результат

Поле для текста

Кроме обычного текста этот тег часто используется для ввода пароля, скрытого звездочками. Для этого необходимо указать атрибут type со значением password.

Пример создания поля для ввода пароля.

<html>  <head>   <title>Поле для пароля</title>  </head>  <body>   <form>    Введите пароль - <input />   </form>  </body> </html>

Результат

Поле для пароля

Бывает необходимо, что бы поле не было пустым, указать значение по умолчанию. Тут понадобится еще один атрибут - value.

<html>  <head>   <title>Поле текста со значением</title>  </head>  <body>   <form>    Введите свое имя - <input value="Аноним" /><br />   </form>  </body> </html>

Результат

Поле для текста - значение по умолчанию

Список уроков