我正在制作一个简单的表单,我有以下代码来清除初始值:
Javascript:
function clearField(input) {
input.value = "";
};
html:
<input name="name" id="name" type="text" value="Name" onfocus="clearField(this);"/>
但我不希望的是,如果用户填写了输入,但再次单击它,它就会被删除。我希望仅当输入为空时,该字段的起始值才为"Name“。提前谢谢你!
发布于 2013-09-06 04:38:00
对于不支持占位符属性的浏览器,这里有一个使用jQuery的解决方案。
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
点击此处:http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
发布于 2013-09-06 04:33:47
喜欢吗?
<input name="name" id="name" type="text" value="Name"
onblur="fillField(this,'Name');" onfocus="clearField(this,'Name');"/>
和js
function fillField(input,val) {
if(input.value == "")
input.value=val;
};
function clearField(input,val) {
if(input.value == val)
input.value="";
};
更新
下面是一个相同的demo fiddle
发布于 2013-09-06 04:32:34
HTML:
<input name="name" id="name" type="text" value="Name" onfocus="clearField(this);" onblur="fillField(this);"/>
JS:
function clearField(input) {
if(input.value=="Name") { //Only clear if value is "Name"
input.value = "";
}
}
function fillField(input) {
if(input.value=="") {
input.value = "Name";
}
}
https://stackoverflow.com/questions/18645357
复制相似问题