我們常常會遇到輸入框提示的需求,比如在輸入框內容中提示,當需要輸入的時候再清空。下面就介紹兩種方法:
1、輸入框點擊清空
<input name="textfield" type="text" id="textfield" value="請輸入內容" onclick="this.value=''" />
2、輸入框點擊顯示提示內容
操作:鼠標點擊輸入框出現提示內容,再次點擊清空內容可以進行輸入。
<input type="text" name="textfield2" id="textfield2" onblur="note_click(this);" onclick="note_click(this)" />
<script type="text/javascript">
function note_click(target)
{
if(target.value=='')
{
target.style.color="#B0B0B0";
target.value="請輸入數字";
}
else if(target.value=="請輸入數字")
{
target.style.color="#000000";
target.value="";
}
}
</script>
下面是這兩個的效果圖: