歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

新的 HTML5 Datalist 元素

HTML5 的 <datalist> 元素為 <input> 元素指定了一個預定義的列表選項,實現類似自動完成的效果。

<!DOCTYPE html>
<html>
<body>

<form action="login.php" method="post">
User:
<input list="username" name="username" />
<datalist id="username">
  <option value="Zhlmmc">
  <option value="oschina">
  <option value="Winter Lau">
  <option value="Eddie">
  <option value="Valentin">
</datalist>
Password:
<input type="password" />
<input type="submit" value="Login" />
</form>

</body>
</html>

標簽當前只是 Firefox 和 Opera 浏覽器支持,希望其他浏覽器能盡快支持。

最終的運行效果如下:

Copyright © Linux教程網 All Rights Reserved