没有下拉箭头出现

来源:3-16 列表标签

蝙蝠不怕黑

2019-07-14 20:51:03

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>datelist</title>
</head>
<body>
    <input placeholder="输入手机" list="phonelist" />
    <datalist id="phonelist">
        <option value="iphone">iphone</option>
        <option value="samsung">samsung</option>
        <option value="huawei">huawei</option>
        <option value="xiaomi">xiaomi</option>
        <option value="oppo">oppo</option>
    </datalist>
</body>
</html>

写回答

1回答

好帮手慕慕子

2019-07-15

同学你好, 请问同学是在哪个浏览器测试的代码呢?因为<datalist>标签是HTML新增标签。各浏览器的兼容性不一样。

示例: 老师这边在chrome上测试有下拉箭头

http://img.mukewang.com/climg/5d2be81200010a7801840142.jpg

在firefox上测试就没有出现下拉箭头

http://img.mukewang.com/climg/5d2be8320001fad302270196.jpg

建议:同学可以使用chrome浏览器测试一下, 如果还有问题, 可以更新一下浏览器版本哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

0

0 学习 · 40143 问题

查看课程