常用input文本框內(nèi)容自動(dòng)垂直居中并默認(rèn)提示文字單擊為空
發(fā)表時(shí)間:2024-05-01 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]這次給大家?guī)?lái)常用input文本框內(nèi)容自動(dòng)垂直居中并默認(rèn)提示文字單擊為空,常用input文本框內(nèi)容自動(dòng)垂直居中并默認(rèn)提示文字單擊為空的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。本效果有三個(gè)功能: 1、內(nèi)容自動(dòng)垂直居中 2、默認(rèn)提示文字顯示灰色 3、單擊后變?yōu)榭?<input type=...
這次給大家?guī)?lái)常用input文本框內(nèi)容自動(dòng)垂直居中并默認(rèn)提示文字單擊為空,常用input文本框內(nèi)容自動(dòng)垂直居中并默認(rèn)提示文字單擊為空的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。
本效果有三個(gè)功能:
1、內(nèi)容自動(dòng)垂直居中
2、默認(rèn)提示文字顯示灰色
3、單擊后變?yōu)榭?
<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="請(qǐng)輸入企業(yè)名稱" style="color:gray;" onfocus="javascript:if(this.value == '請(qǐng)輸入企業(yè)名稱') this.value = ''; this.style.color='gray';" onblur="if(this.value == '') {this.value = '請(qǐng)輸入企業(yè)名稱'; this.style.color = 'gray';}">
相信看了這些案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
相關(guān)閱讀:
html的內(nèi)聯(lián)元素和塊級(jí)元素有哪些不同
怎樣使用trigger方式實(shí)現(xiàn)不用點(diǎn)擊file類型的input彈出文件選擇對(duì)話框
Html中有哪些標(biāo)記文字注釋的符號(hào)
以上就是常用input文本框內(nèi)容自動(dòng)垂直居中并默認(rèn)提示文字單擊為空的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。