我如何使用 HTML、CSS 和 JavaScript 创建此 FORM 功能

Question

我想创建一个类似于下图的表单。 请有人帮我这个

Answer 1

请尝试以下代码：在下面的示例中，我将 cdn 用于 jquery 多选。 你可以在这里找到最新的 cdn： https://cdnjs.com/libraries/multi-select

 <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/css/multi-select.css" integrity="sha512-2sFkW9HTkUJVIu0jTS8AUEsTk8gFAFrPmtAxyzIhbeXHRH8NXhBFnLAMLQpuhHF/dL5+sYoNHWYYX2Hlk+BVHQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <select multiple="multiple" id="my-select" name="my-select[]"> <option value='elem_1'>elem 1</option> <option value='elem_2'>elem 2</option> <option value='elem_3'>elem 3</option> <option value='elem_4'>elem 4</option> <option value='elem_100'>elem 100</option> </select> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/js/jquery.multi-select.js" integrity="sha512-X1iMoI6a2IoZFOheUVf3ZmcD1L7zN/eVtig6enIq8yBlwDcbPVao/LG8+/SdjcVn72zF+A/viRLPSxfXLu/rbQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script type="text/javascript"> $('#my-select').multiSelect(); </script> </body> </html>

我如何使用 HTML、CSS 和 JavaScript 创建此 FORM 功能

问题描述

1 个解决方案

解决方案1
0 2022-02-26 12:06:41

我如何使用 HTML、CSS 和 JavaScript 创建此 FORM 功能

问题描述

1 个解决方案

解决方案1 0 2022-02-26 12:06:41

解决方案1
0 2022-02-26 12:06:41