Воскресенье, 12.05.2024, 19:51
Приветствую Вас Гость

  • Страница 1 из 1
  • 1
Форум » Обучение создания сайта » HTML » Подсказка для поля формы
Подсказка для поля формы
ANN0Дата: Суббота, 05.03.2011, 19:10 | Сообщение # 1
ĄŊŊỠ
Группа: Администраторы
Сообщений: 530
Награды: 0
Репутация: 32767
Статус: Offline
В сегодняшнем коротком уроке я вам расскажу, как сделать подсказку для поля формы. То есть в форме будет виден указанный вами текст, а когда по ней кликаешь, текс удаляется. Это дает подсказки для поля формы. С такими подсказками можно не писать текст слева, сверху или справа и тем самым сэкономить место. В мобильной аське Jimm тоже есть разные формы, если вам интересно посмотреть на них, то можете скачать jimm на сотик.

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

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

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

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

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

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

И Всё готово!


 
Форум » Обучение создания сайта » HTML » Подсказка для поля формы
  • Страница 1 из 1
  • 1
Поиск: