javascript:具有默认值的文本框
javascript : text box with default value
我有带有默认值的文本框,当我试图输入时,我无法在其中输入值,我必须首先使用delete键删除现有值,然后只有我才能输入。
我想输入值,在选项卡更改时,另一个框也应该更改,目前它正在更改焦点,但我无法在其中输入值。
<input type="text" name="namebox" id="{concat('textboxvalue', position())}" value="{@proj}" style="font-size:10px;padding:0px;height:15px;width:90px;text-align:right;"/>
@proj
:来自数据库的值
谢谢,Ani
您可以在输入标签和文本区域标签中使用占位符:
<input type='text' placeholder='Default text here' />
<textarea placeholder='Default text here'></textarea>
然后使用jQuery:的回退
$(document).ready(function(e){
var defaultVal = "Default text here";
$("input, textarea").val(defaultVal).on("focus", function(){
if($(this).val() == defaultVal){
$(this).val("");
}
}).on("blur", function(){
if($(this).val() == ""){
$(this).val(defaultVal);
}
});
});
此处:http://jsfiddle.net/EZexQ/1/
我建议您看看这篇css技巧文章
它有一个带有jquery回退的html5占位符属性的示例。
function elementSupportsAttribute(element, attribute) {
var test = document.createElement(element);
if (attribute in test) {
return true;
} else {
return false;
}
};
if (!elementSupportsAttribute('textarea', 'placeholder')) {
// Fallback for browsers that don't support HTML5 placeholder attribute
$("#example-three")
.data("originalText", $("#example-three").text())
.css("color", "#999")
.focus(function() {
var $el = $(this);
if (this.value == $el.data("originalText")) {
this.value = "";
}
})
.blur(function() {
if (this.value == "") {
this.value = $(this).data("originalText");
}
});
} else {
// Browser does support HTML5 placeholder attribute, so use it.
$("#example-three")
.attr("placeholder", $("#example-three").text())
.text("");
}
聚焦。只需移除值。以下是jquery中的示例代码。不过可以用简单的javscript完成。
<input value=10>
<input value=20>
<input value=30>
$('input').on('focus', function(){
$(this).val('')
})
输入元素有一个名为defaultValue的DOM属性。我给出这个解决方案是因为占位符在旧的浏览器中不起作用。
First name: <input type="text" name="fname" value="John"><br>
Last name: <input type="text" name="lname" value="Doe"><br>
在您的jQuery中,它可以由prop('defaultValue')
访问所以试试这个。
$('input').focus(function(){
if($(this).val() == $(this).prop('defaultValue'))
$(this).val('');
}).blur(function(){
if($(this).val() == '')
$(this).val($(this).prop('defaultValue'));
});
工作小提琴这里
相关文章:
- 如何为显示jquery滑块值的文本框设置默认值
- 文本框的一部分为只读,具有默认值
- Sharepoint 2013 Javascript ClientPeoplePicker默认值文本
- 在发送之前,点击按钮清除多个输入[类型=文本]默认值
- 如果文本框为空,则将其返回到默认值
- 清除输入,模糊文本区域和默认值(如果字段为空)
- Angularjs URL 在文本区域中的默认值中
- Onclick 事件以删除文本输入字段中的默认值
- 如何为 Google 放置 API 自动完成文本框设置默认值
- 如何“取消设置”Dojo 日期文本框默认值
- 如何在输入文本中设置默认值(美元或欧元)
- 要取消映射输入文本框的默认值
- 如何覆盖默认值“;文本“;鼠标下移,鼠标移动
- 在 Jquery EasyUI 对话框中设置输入文本框的默认值
- 当文本区域绑定到模型时,angularjs中的默认文本区域值
- 如何将文本区域的值恢复为默认值
- 在使用jQuery输入文本之前,使文本框中的默认值不变
- AngularJS文本输入使用ng模型,但需要默认值,而不使用value=或ng-init=
- 设置输入文本默认值,并选择选项值,然后禁用
- React输入文本默认值和onblur函数使输入文本只读