Подсказка для поля формы

Главная » Уроки » HTML

В сегодняшнем коротком уроке я вам расскажу, как сделать подсказку для поля формы. То есть в форме будет виден указанный вами текст, а когда по ней кликаешь, текс удаляется. Это дает подсказки для поля формы. С такими подсказками можно не писать текст слева, сверху или справа и тем самым сэкономить место. В мобильной аське Jimm тоже есть разные формы, если вам интересно посмотреть на них, то можете скачать jimm на сотик.

Подсказка для поля формы

Для начало напишите код формы. Он будет выглядеть так:

<input type="text" value="Ваш текст" />

Если вам надо сделать формы для ввода пароля, то надо указать type="password". Должно получится так:

<input type="password" value="Ваш текст" />

Теперь нам надо сделать саму подсказку, для этого мы будем использовать onfocus. Получается вот такой код:

<input type="text" value="Ваша подсказка" onfocus="if (this.value == 'Ваша подсказка') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Ваша подсказка';}" />

В итоге получится вот это:

Категория: HTML; Урок сделан: 21.07.2010; Просмотров : 3166; Комментарии : 3; Рейтинг : 5.0/2;
Всего комментариев: 3

Автор: vava (02.02.2011 11:51)

Спасибо, очень помогло.


Автор: HeIIpOcTou (21.07.2011 18:29)

Огромное спасибо за статью =)


Автор: GriD (08.09.2011 19:36)

Можно сделать так
<input type="text" placeholder="Ваша подсказка"/>


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





архитектурное освещение фасадов вебсайт,Антенны диапазон Wi-Fi там
Copyright © 2010 - 2017 Pro100uCoz.ru