次の 2 つの HTML フォーム入力があります。
<input type="text" class="faded" name="mobile" value="012-245-6789" onfocus="hideDefault(this)" onblur="showDefault(this)"/>
と
<input class="faded validation_required" type="text" name="dob" value="MM/DD/YYYY" onfocus="hideDefault(this)" onblur="showDefault(this)"/>
および次の JavaScript:
function hideDefault(input)
{
if(input.name == "dob")
{
if (input.value == "MM/DD/YYYY")
{
input.value = "";
input.style.color = "black";
}
}
else if(input.name == "mobile")
{
if (input.value == "012-345-6789")
{
input.value = "";
input.style.color = "black";
}
}
else
{input.value ="hello";}
}
function showDefault(input)
{
if(input.name = "dob")
{
if (input.value == "")
{
input.value = "MM/DD/YYYY";
input.style.color = "#A3A3CC";
}
}
else if(input.name == "mobile")
{
if (input.value == "")
{
input.value = "012-345-6789";
input.style.color = "#A3A3CC";
}
}
}
「dob」入力は正常に機能しています。クリックするとデフォルトのテキストが消え、離すと元に戻ります。しかし、最初のものである「モバイル」では機能しません。どうしてこれなの?