Отображение текста в текстовом поле

Question

Я работаю вокруг отображения текста в текстовом поле & используя следующий код

<input name="keyword" type="text" value="no spaces, or hyphens" onblur="this.value=(this.value=="") ? 'no spaces, or hyphens' : this.value;" onfocus="this.value=(this.value=='no spaces, or hyphens') ? "" : this.value;" class="txtfield"> 

, но когда я нажимаю в текстовом поле он дает следующее сообщение об ошибке:

Timestamp: 7/17/2013 12:45:19 PM

Error: SyntaxError: syntax error

Line: 1, Column: 51

Исходный код:

this.value=(this.value=='no spaces, or hyphens') ? 

Зачем возникает эта ошибка?

Answer 1

<input name="keyword" type="text" value="no spaces, or hyphens" onblur="if(this.value =='') {this.value='no spaces, or hyphens'}" onfocus="if(this.value =='no spaces, or hyphens') {this.value=''}" class="txtfield"> 

Answer 2

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

Одиночные Котировки

<input name="keyword" type="text" value="no spaces, or hyphens" onblur="this.value = (this.value == '') ? 'no spaces, or hyphens' : this.value;" onfocus="this.value = (this.value == 'no spaces, or hyphens') ? '' : this.value;" class="txtfield"> 

Сбежал Двойной Котировки

<input name="keyword" type="text" value="no spaces, or hyphens" onblur="this.value = (this.value == \"\") ? \"no spaces, or hyphens\" : this.value;" onfocus="this.value = (this.value == \"no spaces, or hyphens\") ? \"\" : this.value;" class="txtfield"> 

Более элегантное решение явно одинарные кавычки.

Answer 3

Существует связанная ошибка котировка атрибут вашего ONBLUR должно быть, как это

onblur="this.value=(this.value=='') ? 'no spaces, or hyphens' : this.value;" 

Answer 4

Использование заполнителем атрибута html5 как следующий instedof JavaScript.

<input name="keyword" type="text" value="" placeholder="no spaces, or hyphens" class="txtfield">