用户开始键入时如何清除表单的默认值（jQuery）
[英]How to clear default value of form when the user starts typing (jquery)
问题描述
当用户开始键入时，如何清除要清除的表单字段（带有默认文本“ default”）？ 我在下面附加了我的代码。 我希望它具有与.prompt（）命令类似的功能。
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Modal form</title>
<script src="jquery-2.1.4.min.js"></script>
<script src="jquery-ui.js"></script>
<link href="css.css" rel="stylesheet" type="text/css" />
<link href="jquery-ui.css" rel="stylesheet" type="text/css" />
<style>
</style>
<script>
$ (function() {
var dialog;
dialog = $("#dialog-form").dialog({
autoOpen: false,
height:300,
width:350,
modal:true,
});
form = dialog.find( "form" ).on( "submit", function( event ){
event.preventDefault();
$( "#placeName" ).append(name.val);
});
$ ( "#clickMe" ).button().on("click", function(){
dialog.dialog("open");
});
});
</script>
这是制作表单的地方，值设置为“默认”
<body>
<div id="dialog-form" title="create user"> <!--starts out hidden-->
<form>
<input type="text" name="name" id="name" value="default" class="text ui-widget-content ui-corner-all">
</form>
</div>
<button id="clickMe">Click!</button>
<br><br><hr><br><br>
<div id="placeName"></div>
</body>
</html>
3 个解决方案
解决方案1
1 2015-06-22 17:31:09
<input {Other attributes} placeholder="default" />
但是，您需要删除value属性。
解决方案2
0 2015-06-22 17:32:38
如果您特别不希望placeholder而是value 。
<div id="dialog-form" title="create user"> <!--starts out hidden--> <form> <input type="text" name="name" id="name" value="default" class="text ui-widget-content ui-corner-all" onfocus="this.onfocus=null;this.value=''" onblur="this.value=this.value||'default'"> </form> </div>
解决方案3
0 2015-06-22 17:33:08
如果我正确理解了您的问题，请看一下该线程 。
对您来说，它将像：
$('input').on('click focusin', function() {
this.value = '';
});
如果您确实要在输入中输入文本而不是placeholder但您的问题不清楚。
jQuery工具提示-当用户开始在文本框中输入内容时，如何关闭工具提示？
[英]jQuery Tooltip - How do you close the tooltip when a user starts typing in the textbox?
仅当用户开始在输入字段中输入时，如何从输入值中删除某些警告文本？
[英]How to remove certain warning text from input value only when user starts typing in the input field?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.