小编dra*_*onn的帖子

大家好我正在使用flask WTForm表单控件类作为宽度，但不确定如何在snipet中做到这一点，所以我对宽度进行了硬编码。

我面临的问题是输入真的很长，但下拉选项与输入宽度不匹配。当您运行代码段时，您可以看到下拉菜单是输入宽度的 1/10。我尝试给选项和数据列表相同的宽度，但没有任何效果。

我将如何使 chrome 上的选项下拉菜单与我的输入具有相同的宽度，谢谢

<input class="form-control" type="text" id="color" style = "width:800px" list="colors_data">
                        <datalist id="colors_data"class="form-control"style = "width:800px">
                          <option style = "width:800px"value="red"></option>
                          <option style = "width:800px"value="orange"></option>
                          <option style = "width:800px"value="green"></option>
                          <option style = "width:800px"value="blue">The color of the sky</option>
                        </datalist>

编辑：将大小更改为 800px 我尝试通过此链接创建我自己的数据列表，但我面临同样的问题 Creating a HTML5 datalist on the fly

我附上了一张图片以更清楚地显示问题。如您所见，下拉选项比输入本身小得多。我该如何解决这个问题谢谢

我想知道如何使用方括号 {} [] () 和其他类似“'”的特殊字符部分添加到我在下面尝试的唯一字符中，但是由于某种原因，当我添加另一个这些字符时，它停止工作.

<-- works but does not have any brackets or quotes for special character-->
<form acton = "#">      
    <input type="password" id="newPass" required
      pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*?[0-9])(?=.*?[!@#$%^&*+`~=?\|<>/]).{8,}"

    <button>submit</button>

</form>

上面的部分有效但没有引号或更多特殊字符

下面的代码有括号但不起作用

<-- does not work (if you do not enter special character user will be able to submit but it does not have any brackets -->

<form acton = "#">      
    <input type="password" id="newPass" required
      pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*?[0-9])(?=.*?[~`!@#$%^&*()-_=+[]{};:'.,"\|/?><]).{8,}"

    <button>submit</button>

</form>

这也不起作用（来自答案）

<form acton = "#">      
    <input type="password" id="pass" required
      pattern="(?=.*\d)(?=.*[a-z])(?=.*?[0-9])(?=.*?[~`!@#$%\^&*()\-_=+\[\]{};:\'.,\"\\|/?\>\<]).{4,}">

    <button>submit</button>

</form>

我正在寻找使底部（带括号和我包含的所有特殊字符的部分）起作用的答案。

所以我有

<input type = "time" name = "mytime" id = "mytime">

问题是，当用户选择时间时，菜单保持打开状态。有没有办法在他们选择时间后关闭菜单？

基本上，当用户单击小时/分钟时，它应该关闭。或者有没有办法添加按钮

用户看到从 0 到 59 的每一分钟

我希望分钟间隔为 5，所以 0、5、10 等可能吗？