Текст в Поле HTML для исчезновения при нажатии?

Я могу легко создать поле ввода HTML, которое уже имеет текст в нем. Но то, когда пользователь нажимает на поле ввода, текст не делает, исчезает, но остается там. Пользователь тогда должен вручную удалить текст для ввода. Как я могу создать поле ввода, где, когда пользователь нажимает на поле ввода, упаковывают текст, тогда исчезают?

34
задан Brian Tompsett - 汤莱恩 25 August 2019 в 17:30
поделиться

2 ответа

Как насчет этого?

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

input name = "myvalue" type = "text" onfocus = "if (this.value == 'enter value') this.value = '';" onblur = "if (this.value == '') this.value = 'enter value';">

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

input name = "myvalue" type = "text" onfocus = "if (this.value == 'enter value') this.value = '';" onblur = "if (this.value == '') this.value = 'enter value';">

Это будет очищено при первом фокусировании, но затем не исчезнет при последующих фокусах после того, как пользователь введет их значение, оставленное пустым, восстанавливает заданное значение.

3
ответ дан 27 November 2019 в 15:49
поделиться

Для этого вы можете использовать два события onfocus и onblur:

<input type="text" name="theName" value="DefaultValue"
  onblur="if(this.value==''){ this.value='DefaultValue'; this.style.color='#BBB';}"
  onfocus="if(this.value=='DefaultValue'){ this.value=''; this.style.color='#000';}"
  style="color:#BBB;" />
21
ответ дан 27 November 2019 в 15:49
поделиться
Другие вопросы по тегам:

Похожие вопросы: