Стирание содержимого ввода / текстовой области при нажатии?

Question

чтобы упростить редактирование этих полей, было бы неплохо, если бы их содержимое было удалено при нажатии. Кроме того, значение по умолчанию (представленное изначально) необходимо отправить, если оно не изменилось, это означает, что я (вероятно) не ищу (n HTML 5) заполнитель, который автоматически удаляется, но фактический текст. Было бы еще лучше, если бы значение по умолчанию возвращалось, если поле не выбрано и оставлено пустым.

Есть предложения?

P.S: Пример: ввод "ваш адрес электронной почты" вверху http://www.makeuseof.com/.

Answer 1

<input type="text" value="Something" onfocus="if (this.value == this.defaultValue) this.value='';" onblur="if (this.value == '') this.value = this.defaultValue;">

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

EDIT:

При использовании внешней функции вам необходимо предоставить ссылку на элемент ввода в качестве параметра функции.

<script type="text/javascript">
    function focused(element){if (element.value == element.defaultValue) element.value='';}
    function blurred(element){if (element.value == '') element.value = element.defaultValue;}
</script>

<input type="text" value="Default Value" onfocus="focused(this)" onblur="blurred(this)">

NB. В JavaScript принято, чтобы функции начинались с маленькой буквы.

Answer 2

Попробуйте с onfocus:

<input type="text" value="Default text" onfocus="this.value = ''">