Question

我想知道是否可以设置maxlength来限制字符总宽度的最大输入，而不是字符数。

我这样做是因为用户＆＃39;输入将显示在固定宽度的div中，例如3em宽度div，它将能够显示＆＃34; MMM＆＃34;或者＆＃34; 1111＆＃34;，如果我指定max-length为4，用户可以输入＆＃34; MMMM＆＃34;这将超出div。如果我将max-length指定为3，则用户无法输入＆＃34; 1111＆＃34;。所以我想如果我可以用3em设置maxlength，那么用户可以输入＆＃34; 1111＆＃34;同时防止＆＃34; MMMM＆＃34;。我试过了：

<input maxlength="6em" type="text">

Answer 1

您可以限制输入的大小和/或长度。

大小限制可见的字符数和maxlenght的数量指定允许的最大字符数元件。

<form action="">
  Email: <input type="text" name="email" size="35"><br>
  <!--only 4 digits will be input here but size will be set to 4 for input-->
  PIN: <input type="text" name="pin" maxlength="4" size="4"><br>
  <input type="submit" value="Submit">
</form>

然而你要求的是需要一些css为你工作。因为你需要照顾字体大小，家庭等。因为如果你让浏览器决定什么字体类型/大小/等。使用那么你可能达不到要求。

如何根据字符总宽度指定输入标记的最大长度

1 个答案: