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

這次帶給大家常用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中文網其他相關文章！