web前端html例項-實現文字框輸入內容提示
摘要：
比較人性化的網站一般都是比較講究細節的，比如文字框輸入內容具有提示效果，在預設情況下，文字框有提示文字，當滑鼠放入文字框輸入文字的時候，提示文字會消失，下面就通過程式碼例項介紹一下如何實現此效果。
程式碼如下:
<!DOCTYPE h...
比較人性化的網站一般都是比較講究細節的，比如文字框輸入內容具有提示效果，在預設情況下，文字框有提示文字，當滑鼠放入文字框輸入文字的時候，提示文字會消失，下面就通過程式碼例項介紹一下如何實現此效果。
程式碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端學習扣qun：731771211每日分享技術，學術交流</title>
<script type="text/javascript">
window.onload=function(){
var otxt=document.getElementById("txt");
otxt.onfocus=function(){
if(otxt.value=="請輸入網站名稱"){
otxt.value="";
}
}
otxt.onblur=function(){
if(otxt.value==""){
otxt.value="請輸入網站名稱";
}
}
}
</script>
</head>
<body>
<input type="text" id="txt" value="請輸入網站名稱"/>
</body>
</html>
以上程式碼實現了我們的要求，程式碼非常的簡單，這裡就不多介紹了，就是為文字框註冊onfocus和onblur事件，進行相關的判斷然後進行調整文字框的value屬性即可。