【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 5 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

INPUT元素的 autocomplete 屬性

HTML5 導入了新的 autocomplete 屬性,這個屬性可以讓你控制表單中輸入欄位的自動完成功能,考慮以下的設計:


這是一個form,一個文字方塊以及一個傳送按鈕,內容如下:

<form method="get">
<input type="text" name="username" />
<button type="submit">傳送</button>
</form>

現在輸入任意字元,例如H,按下「傳送」按鈕將資料傳送出去時,這個輸入的值會被文字方塊記錄下來,下一次再輸入同類型的值時,便會自動出現相關值清單的下拉式選單。以下為持續送出 H、HAPPY、HISTORY 之後,再輸入 H 即時出現的畫面:


自動完成功能是預設的,如果設定 autocomplete="off" 即可關掉自動完成的功能,如下式:

<input type="text" name="username"  autocomplete="off" />

其中 autocomplete 屬性指定了 off 屬性值,因此不會再自動出現關聯資料清單,你也可以明確的設定此屬性值為 on ,重新開啟此功能,不過在預設的情形下,這個屬性的屬性值是 on ,也因此上述並不需要設定即有此功能。

沒有留言: