HTML中实现select下拉框和input输入框组合

最新推荐文章于 2024-12-13 17:30:28 发布

学弟不想努力了

最新推荐文章于 2024-12-13 17:30:28 发布

阅读量2.3w

点赞数 27

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/Eternal_Blue/article/details/108616067

版权

HTML/CSS 专栏收录该内容

7 篇文章

订阅专栏

一、下拉框 + 输入框

select下拉框结合 input框

支持下拉框选择，支持包含内容检索，支持手动输入

<html>  
    <head>  
        <title>可编辑下拉框</title>  
        <meta charset="UTF-8" />  
    </head>  
    <body>  
        <div class="appNameSelect">
            <a>联系方式:</a>
            <input id="appName" type="text" list="appNamelist" style="padding:0.5em;border-radius:10px;">
            <datalist id="appNamelist">
                <option>WeChat(微信)</option>
				<option>QQ</option>
				<option>Google Talk</option>
				<option>Twitter</option>
                <option>Facekbook</option>
            </datalist>
        </div>
    </body>  
</html>