1. 程式人生 > >HTML中Input輸入框提示/設定禁用/自動獲取焦點

HTML中Input輸入框提示/設定禁用/自動獲取焦點

設定input輸入框的內容的方法很多,以下介紹兩個比較簡單實用的方法。

方法一:
<input type="text" value="搜尋" onfocus="this.value=''" onblur="if(this.value==''){this.value='搜尋'}" />
方法二:<input type="text" placeholder="搜尋"  />有的瀏覽器不支援
當然也可以寫Js來實現,這裡就不一一舉例了。因為以上兩種方法都能實現基本的提示效果了。

設定input輸入框禁用以下也列出三種方法。

方法一:

disable="disable"或者直接新增disable屬性來設定。

性別:<input type="text" name="lname" disabled="disabled" placeholder="被設定了禁用"/>

性別:<input type="text" name="lname" disabled placeholder="被設定了禁用"/>效果一樣

方法二:

readonly屬性也能達到以上效果,為disable不同時是前者為只讀狀態

方法三:

讓滑鼠無法獲取焦點

<input type="text" value="被設定了禁用" onfocus="this.blur()"> 

設定input輸入框自動獲取焦點可以採用autofocus屬性。

<input type="text" placeholder="自動獲取焦點" autofocus>