最小值和最大值不适用于我的文本输入答案

【问题标题】：Min and max doesn't work with my text input最小值和最大值不适用于我的文本输入
【发布时间】：2021-07-18 12:29:18
【问题描述】：

我有这个 HTML：

<table align="center">
  <tr>
    <td class="bold"> Full name</td>
    <td> <input type="text" id="Fullname" name="Fullname" width="50" min="1" max="15" size="50"> </td>
    </td>
  </tr>
  <tr>
    <td class="bold">Message </td>
    <td> <input type="text" id="Message" name="Message"> </td>
  </tr>
  <tr>
    <td> <input type="submit" value="Send"</td>
    <td> <input type="submit" value="Delete"</td>
  </tr>
</table>

我被要求为 message 的输入设置 50 列和 5 行，但我什至不知道这意味着什么。

我尝试为我的输入设置min 和max，但没有成功。为什么以及如何解决？

【问题讨论】：

1) developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text 2) 不知道
@sinisake 那么我们在哪里使用属性 min 和 max 呢？ :P
input type="number" 我想说...
附注 - 不要只依赖客户端输入验证...但如果您确实需要具有特定最小和最大长度的文本，也要进行服务器端验证...
一个可能的解决方案可以通过一个小的 javascript 来实现。如果可行 - stackoverflow.com/questions/14015312/…

标签： html html-input

【解决方案1】：

您可以使用minlength="1" maxlength="15" 设置可输入文本字段的字符数。

只能为<textarea>s 指定列和行。在那里你可以使用rows="5" cols="50" 来指定文本区域的大小。

参见下面的 sn-p：

<table align="center">
  <tr>
    <td class="bold"> Full name</td>
    <td> <input type="text" id="Fullname" name="Fullname" width="50" minlength="1" maxlength="15" size="50"> </td>
    </td>
  </tr>
  <tr>
    <td class="bold">Message </td>
    <td> <textarea type="text" id="Message" name="Message" rows="5" cols="50"></textarea> </td>
  </tr>
  <tr>
    <td> <input type="submit" value="Envoyer"</td>
    <td> <input type="submit" value="Effacer"</td>
  </tr>
</table>

【讨论】：

【解决方案2】：

你的意思是minlength？使用文本时，您可能希望使用minlength 和maxlength 来强制文本的长度。

<form action="/action_page.php">
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" minlength="8"><br><br>
  <input type="submit" value="Submit">
</form>

（来自 w3schools）

看这个例子： https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_minlength

【讨论】：