我有一个输入字段
我需要删除默认文字请填写此字段 我使用jQuery函数将标题设置为空
$('#Form input[type=text]').each(function () {
$(this).attr('title', ' ');
});
除IE和Safari外,它的工作正常。
然后我尝试了 novalidate 但这仅在输入字段位于表单内时才有效
这是我的示例代码
<head runat="server">
<title></title>
<style>
.div2 .grp {
position: relative;
margin: 0 2%;
margin-bottom: 31px !important;
line-height: normal !important;
}
.div2 input {
font-size: 14px;
padding: 6px 10px 6px 0 !important;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #757575;
background: transparent!important;
}
.div2 label {
font-size: 14px;
font-weight: normal;
position: absolute;
pointer-events: none;
left: 0;
top: 10px;
transition: .2s ease all;
-moz-transition: .2s ease all;
-webkit-transition: .2s ease all;
color:Black;
}
.div1 {
width: 14%;
padding: 1%;
float: left;
}
label {
display: inline-block;
max-width: 100%;
font-weight: bold;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="div1" >
<div class='div2'>
<div class="grp" id="divFirstName">
<input type="text" runat="server" id="TB_TestForm" onclick="TestForm()" onblur="TestForm()" required/>
<label>My first name<span class="reqstar">*</span></label>
<span class="required"></span>
</div>
</div>
</form>
</body>
</html>
<script>
function TestForm() {
var html = document.getElementById("divFirstName").style.position;
if (html == "relative" || html=="") {
document.getElementById("divFirstName").style.position = "inherit";
}
else {
document.getElementById("divFirstName").style.position = "relative";
}
}
</script>
请帮忙
答案 0 :(得分:0)
如果您的HTML元素使用placeholder
属性,则可以使用以下代码(不需要vanilla JS jQuery):
document.getElementById('input').placeholder = '';
&#13;
<input id="input" type="text" name="fname" placeholder="First name">
&#13;
注意:请提供您的HTML,以便我们为您找出临时解决方案。