choices.js实现多标签搜索输入表单效果代码

代码语言:html

所属分类:表单美化

代码描述:choices.js实现多标签搜索输入表单效果代码

代码标签: choices.js 多标签 搜索 输入 表单

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<html>

<head>
    <!-- Include Choices CSS -->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/choices.min.css">
    <!-- Include Choices JavaScript (latest) -->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/choices.min.js"></script>
</head>

<body>
    <form>
        <label for="my-field">My field</label>
        <select id="my-select" multiple type="search"></select>
        <button id='my-clear-button' type="button">Clear the field</button>
        <button id='my-reset-button' type="reset">Clear the form</button>
    </form>


    <script>
        document.addEventListener('DOMContentLoaded', function () {
          var element = document.getElementById('my-select');
          var clearButton = document.getElem.........完整代码请登录后点击上方下载按钮下载查看

网友评论0