通常便於用戶的輸入習慣,咱們都會提示歷史消息,讓用戶有更好的使用體驗,之前可能比較多朋友會用js來實現,如今HTML5的datalist能夠輕鬆幫咱們實現這個功能!只需如下幾行代碼html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>datalist</title> </head> <body> <label>城市 : </label><input id="country_name" name="country_name" type="text" list="city" /> <datalist id="city"> <option value="中國 北京"> <option value="中國 上海"> <option value="中國 廣州"> <option value="中國 深圳"> <option value="中國 東莞"> </datalist> </body> </html>