Как поместить значение по умолчанию во «ввод», и когда пользователь нажмет ввод, оно исчезнет? - PullRequest
2 голосов
/ 12 августа 2010

Как поставить значение по умолчанию для ввода, и когда пользователь нажмет ввод, оно исчезнет?

Мой код, который не работает:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
    <input  value="default-value" type="text"/>
</body>
</html>

Ответы [ 3 ]

7 голосов
/ 12 августа 2010

Когда HTML5 будет поддерживаться многими браузерами, это очень просто:

<input type="text" placeholder="default-value" />

До тех пор, пока я не использовал бы фоновое изображение и не позволил бы ему исчезнуть, пользователь фокусирует ввод, иначе пользователь можетотправить значение по умолчанию, и вы должны отфильтровать его на стороне сервера:

<input type="text" name="fieldname" id="fieldname" style="background-image: url("default-value.png"); background-repeat: no-repeat;" />

И JavaScript, чтобы удалить его по клику (использует прототип платформы):

$('fieldname').observe('click', function() {
 // if already cleared, do nothing
 if(this._cleared) return;
 this.setStyle({backgroundImage: ''});
 this._cleared = true
}); 
4 голосов
/ 12 августа 2010

Вот пример окна поиска с начальным значением «введите строку поиска здесь». Немного javascript очищает поле, когда элемент управления получает фокус и начинает печатать:

<input name="txtSearch" id="txtSearch" onfocus="if (this.value=='enter search string here...') this.value = ''" value="enter search string here..." type="text"> 
0 голосов
/ 12 августа 2010

Не указывайте значение по умолчанию. Просто удалите атрибут value.

Из вашего вопроса неясно, какова ваша цель - однако при использовании значения по умолчанию, которое вы используете, при каждой загрузке страницы это значение будет присутствовать.

Ваша страница также не имеет элемента form, который необходим для отправки формы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...