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