Yos*_*sef 2 html javascript css
如何将默认值输入到用户按下输入时它会消失？
我的代码不起作用:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<input value="default-value" type="text"/>
</body>
</html>
当许多浏览器支持HTML5时,它非常简单:
<input type="text" placeholder="default-value" />
直到我使用背景图像并让它消失,用户才会关注输入,否则用户可能会提交默认值,您必须将其过滤掉服务器端:
<input type="text" name="fieldname" id="fieldname" style="background-image: url("default-value.png"); background-repeat: no-repeat;" />
并且点击时删除它的JavaScript(使用原型框架):
$('fieldname').observe('click', function() {
// if already cleared, do nothing
if(this._cleared) return;
this.setStyle({backgroundImage: ''});
this._cleared = true
});
| 归档时间： |
|
| 查看次数： |
465 次 |
| 最近记录： |