Question

我创建了一个输入框并说“评论？”在用户输入任何内容之前。编码;

          <input type="text" name="saysome" value = "comments?"/>

但是，我想删除这个“评论？”一旦点击它。我正在尝试做输入框就像这里的搜索框一样，实际上是相同的。我怎么能这样做？只能通过javascipt完成吗？：（

由于

Answer 1

您可以使用此处找到的html5占位符属性： HTML5 Specs

例如：

 <input type="text" name="saysome" placeholder = "comments?"/>

您还可以为不支持HTML5的浏览器采用javascript方法。

Answer 2

简单的方法，只要用户输入任何内容，就会清除它，而不是用户输入任何内容

<input type="text" name="TB" value="Please Enter.." onfocus="this.value==this.defaultValue?this.value='':null"/>

Answer 3

非jquery的：

onClick="clearComments()"

function clearComments() {
    commentInput = document.getElementById("commentsId");
    if(commentInput.value == 'comments?') {
       commentInput.value = '';
    }

}

Answer 4

正如其他评论者提到的那样，你应该看看占位符。但是，要回答您的问题，如果用户尚未输入内容，此方法将删除鼠标单击时的文本。这假设输入的id为textbox。您必须将其更改为您拥有的任何内容，或者为输入分配ID。

<input id="textbox" type="text"/>

和JS：

document.getElementById('textbox').onclick = function()
{
    var box = document.getElementById('textbox');
    if(box.value==box.defaulValue)box.value =='';
}

Answer 5

<input type="text" name="saysome" onblur="if(this.value=='') this.value='comments?';" onclick="this.value=''" value="comments?" />

请参阅此示例@ http://x.co/Z2pa

Answer 6

没有jQuery：

为输入提供ID，并使用onclick事件清除其值。

<input type="text" name="test" id="test" value="test" onclick="if(document.getElementById('test').value=='test')document.getElementById('test').value='';">

还支持不使用HTML 5的旧浏览器。

删除值=“评论？”一旦从输入框中单击它

6 个答案: