嘿伙计们,我只是想知道如何在输入类型的文本中执行此操作 当用户没有点击该框时。在框中显示“编辑名称”,略带灰色的字体颜色。 当用户点击框中它变为“John Doe”然后他们可以编辑它然后提交
// EDIT 不起作用,因为它已经有一个值集。我需要占位符显示,直到点击,然后值显示
答案 0 :(得分:2)
如果您使用的是HTML5,Placeholder attribute即可。
如果不只是抓取jQuery或Javascript的许多水印脚本中的一个(例如jQuery Watermark。
修改强>
使用jQuery和CSS执行所需操作的一种手动方式:
// CSS
#name{color:#ccc;}
// HTML
<input type="text" name="name" id="name" size="30" value="Edit Name" />
// jQuery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#name').bind('focus', function() {
if ($(this).val() == 'Edit Name') {
$(this).val('John Doe').css('color', '#000');
}
});
});
</script>
将上面代码中的jQuery
部分放入HTML文档的<head>
部分,您应该很高兴。
答案 1 :(得分:0)