DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> html中實現文本框出現提示功能的多種方法
html中實現文本框出現提示功能的多種方法
編輯:HTML5教程     

 可以用html5中的屬性 < input ="text" placeholder="你想輸入的內容" >

也可以用js做到 加css樣式

復制代碼 代碼如下:
<style type="text/css">
.in_search {
border:1 none;
color:#999999;
float:left;
font-size:14px;
height:18px;
line-height:18px;
margin:3px 2px;
width:253px;
}
</style>
<input name="q" class="in_search" onfocus="if(this.value=='請輸入你想要輸入的內容'){this.value='';}" onblur="if(this.value==''){this.value='請輸入你想要輸入的內容';}" type="text" value="請輸入你想要輸入的內容"/> 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved