html中實(shí)現(xiàn)文本框出現(xiàn)提示功能的多種方法
發(fā)布時(shí)間:2014-07-29 11:07:33 作者:佚名
我要評(píng)論

實(shí)現(xiàn)文本框出現(xiàn)提示的效果有很多方法,可以用html5中的屬性實(shí)現(xiàn),也可以用js做到加css樣式,具體的實(shí)現(xiàn)過(guò)程如下
可以用html5中的屬性 < input ="text" placeholder="你想輸入的內(nèi)容" >
也可以用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=='請(qǐng)輸入你想要輸入的內(nèi)容'){this.value='';}" onblur="if(this.value==''){this.value='請(qǐng)輸入你想要輸入的內(nèi)容';}" type="text" value="請(qǐng)輸入你想要輸入的內(nèi)容"/>
也可以用js做到 加css樣式
復(fù)制代碼
代碼如下:<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=='請(qǐng)輸入你想要輸入的內(nèi)容'){this.value='';}" onblur="if(this.value==''){this.value='請(qǐng)輸入你想要輸入的內(nèi)容';}" type="text" value="請(qǐng)輸入你想要輸入的內(nèi)容"/>
相關(guān)文章
限制html文本框input只能輸入數(shù)字和小數(shù)點(diǎn)
本文主要介紹了限制html文本框input只能輸入數(shù)字和小數(shù)點(diǎn)的方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-27html5+jQuery實(shí)現(xiàn)的點(diǎn)擊text文本框個(gè)性化時(shí)間選擇插件源碼
這是一款基于html5+jQuery實(shí)現(xiàn)的點(diǎn)擊text文本框個(gè)性化時(shí)間選擇插件源碼。點(diǎn)擊text文本框即可彈出一個(gè)環(huán)形顯示的時(shí)間選擇框,拖動(dòng)環(huán)上的時(shí)間刻度即可動(dòng)態(tài)改變現(xiàn)實(shí)時(shí)間2016-06-17利用HTML、CSS 實(shí)現(xiàn)帶表情的評(píng)論框的制作教程
這篇主要介紹HTML帶表情的評(píng)論框,表情通過(guò)Json數(shù)據(jù)加載,可以根據(jù)自己的喜好改變表情。本評(píng)論框代碼為HTML,CSS,JQ三個(gè)方面的代碼,html的代碼還是比較簡(jiǎn)單的,大家可以2014-11-05- 這篇文章主要介紹了html代碼文本框限制輸入、文本框變灰色、限制文本框輸入,需要的朋友可以參考下2014-06-28
- textarea 用來(lái)創(chuàng)建一個(gè)可以輸入多行的文本框,此標(biāo)志對(duì)用于form標(biāo)志對(duì)之間,他還支持一些事件的處理2014-06-28
- 當(dāng)定義了 Text 的 height 屬性時(shí),在 Text 中輸入的文字都不是垂直居中的,不過(guò)可以通過(guò)css來(lái)控制它,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-02-18
html 文本框(text)不可用只讀的多種實(shí)現(xiàn)方法
有時(shí)候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,本文整理了多種實(shí)現(xiàn)方法,感興趣的朋友可以參考下2013-11-29HTML5實(shí)現(xiàn)又一個(gè)聯(lián)系人表單文本框響應(yīng)鼠標(biāo)事件效果(無(wú)js)
無(wú)需任何js腳本即可實(shí)現(xiàn)文本框默認(rèn)內(nèi)容點(diǎn)擊后清空的效果,鼠標(biāo)離開(kāi),恢復(fù)默認(rèn)值2013-04-27HTML中讓表單input等文本框?yàn)橹蛔x不可編輯的方法
有時(shí)候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,如使input text的內(nèi)容,中國(guó)兩個(gè)字不可以修改2012-09-23HTML實(shí)現(xiàn)文本框只讀不能修改其中的內(nèi)容
本文通過(guò)實(shí)例代碼給大家介紹了 HTML實(shí)現(xiàn)文本框只讀不能修改其中的內(nèi)容的方法,需要的朋友參考下吧2017-09-06