我正在尝试在我的网站中添加自动加载,但此代码在 iOS 浏览器、Chrome 或 Safari 中不起作用。在其他操作系统中运行良好,包括 Android 设备。 这段代码是我从https://codepen.io/matt-west/pen/jKnzG获得的.

<div id="page-wrapper"> 
  <h1>Datalist Element Demo</h1> 
 
  <label for="default">Pick a programming language</label> 
  <input type="text" id="default" list="languages" placeholder="e.g. JavaScript"> 
 
  <datalist id="languages"> 
    <option value="HTML"> 
    <option value="CSS"> 
    <option value="JavaScript"> 
    <option value="Java"> 
    <option value="Ruby"> 
    <option value="PHP"> 
    <option value="Go"> 
    <option value="Erlang"> 
    <option value="Python"> 
    <option value="C"> 
    <option value="C#"> 
    <option value="C++"> 
  </datalist> 
 
 
  <label for="ajax">Pick an HTML Element (options loaded using AJAX)</label> 
  <input type="text" id="ajax" list="json-datalist" placeholder="e.g. datalist"> 
  <datalist id="json-datalist"></datalist> 
 
 
</div> 

请您参考如下方法:

iOS 或 Safari 不支持数据列表。不过,它在 Chrome 中对我来说可以工作,所以你可能使用的是旧版本的 Chrome(或者 iOS 上的 Chrome 可能不受支持,如果你尝试过的话)

https://caniuse.com/#feat=datalist


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!