Display text in Text-box

Question

I am working around display text in Text-box & using following code

<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">

but when I click in text-box it gives following error:

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

Error: SyntaxError: syntax error

Line: 1, Column: 51

Source Code:

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

Why does this error occur?

Answer 1

You either need to use single quotes, or escape the double quotes.

Single Quotes

<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">

Escaped Double Quotes

<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">

The more elegant solution is clearly single quotes.

Answer 2

<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 3

与报价相关的错误，您的onblur属性应该是这样的

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

Answer 4

按照以下instedof javascript使用Placeholder html5属性。

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