首頁 > web前端 > html教學 > 常用input文字方塊內容自動垂直居中並預設提示文字點選為空

常用input文字方塊內容自動垂直居中並預設提示文字點選為空

php中世界最好的语言
發布: 2018-02-12 10:02:57
原創
2898 人瀏覽過

這次帶給大家常用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 == &#39;请输入企业名称&#39;) this.value = &#39;&#39;; this.style.color=&#39;gray&#39;;" onblur="if(this.value == &#39;&#39;) {this.value = &#39;请输入企业名称&#39;; this.style.color = &#39;gray&#39;;}">
登入後複製

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

html的內聯元素和區塊級元素有哪些不同

怎麼使用trigger方式實現不用點選file類型的input彈出檔案選擇對話框

Html中有哪些標記文字註解的符號
##

以上是常用input文字方塊內容自動垂直居中並預設提示文字點選為空的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板