如何使用javascript打开占位符文本,当javascript关闭时没有占位符 - 没有HTML5

时间:2011-11-07 11:55:43

标签: javascript forms

我希望在javascript启动时使用占位符文本,执行以下操作:

<input id="firstform" type="text" value="Pizza" onblur="this.value=!this.value?'Pizza':this.value;" onfocus="this.select()" onclick="this.value='';" name="firstform">

如果关闭javascript,我想将该字段留空,因为当javascript关闭时,占位符文本会在选择字段时保留。

不幸的是,我不能使用HTML5占位符属性而不是所有这些。

3 个答案:

答案 0 :(得分:0)

关闭javascript后,选项就会少得多,但如果您想考虑启用了javascript的选项,可以使用html5占位符和javascript polyfill占位符来确保它支持和不支持的浏览器{ {1}}。

答案 1 :(得分:0)

使用JS

加载页面加载的值
window.onload = function(){
   document.getElementById('firstform').value = 'Pizza';
};

如果用户关闭JS,该字段将为空白

答案 2 :(得分:0)

只需将字段留空,并在onload事件中为其指定值,只有在启用了javascript时才会触发。