使用html和css（不含javascript）只能在文本区域中输入255个字符

我的文本区域只能接受255个字符（包括空格）

我尝试在html中使用maxlength属性，但不起作用

示例代码

<table border="0">

                    <tr>
                        <td><form:textarea id="textarea" path="Comments"
                                maxlength="255" readonly="false" /></td>
                        <td><input type="submit" name="submit" value="OK" /></td>
                        <td><input type="submit" name="submit" value="CANCEL" /></td>
                    </tr>
                </table>

注：1。不允许超过255个字符。

---

2.不使用JAVASCRIPT。

如果您在HTML5 doctype的上下文中，

maxlength

应该可以正常工作。您只需稍微调整一下HTML：

<form>
  <table border="0">
    <tr>
      <td>
        <textarea id="textarea" name="comments" maxlength="255"></textarea>
      </td>
      <td><input type="submit" name="submit" value="OK" /></td>
      <td><input type="submit" name="submit" value="CANCEL" /></td>
    </tr>
  </table>
</form>

注意，我省略了

readonly

属性。这是不必要的，因为默认值已经是

false

编辑

---

虽然这在某些浏览器中可以工作，但您需要确定您的解决方案需要支持哪些浏览器。要在传统浏览器中支持此功能，建议使用JavaScript解决方案。

如果您使用的是HTML5 doctype，

maxlength

应该可以正常工作。您只需稍微调整一下HTML：

<form>
  <table border="0">
    <tr>
      <td>
        <textarea id="textarea" name="comments" maxlength="255"></textarea>
      </td>
      <td><input type="submit" name="submit" value="OK" /></td>
      <td><input type="submit" name="submit" value="CANCEL" /></td>
    </tr>
  </table>
</form>

注意，我省略了

readonly

属性。这是不必要的，因为默认值已经是

false

编辑

---

虽然这在某些浏览器中可以工作，但您需要确定您的解决方案需要支持哪些浏览器。要在传统浏览器中支持此功能，建议使用JavaScript解决方案。

HTML 5中新增的

textarea

元素的

maxlength

属性。对它的支持并不普遍

---

如果您希望对可添加到textarea的内容的客户端限制提供广泛支持，则必须使用JavaScript。

HTML 5中新增的

textarea

元素的

maxlength

属性。对它的支持并不普遍

---

如果您希望广泛支持客户端对可添加到文本区域的内容的限制，那么您必须使用JavaScript。

这段代码为我提供了这个问题的答案：

<table border="1">
                <tr>
                <tr>
                    <td><form:textarea id="textarea" path="Comments" size="maxlength"
                            maxlength="255" readonly="false" /> <input type="submit"
                        name="submit" value="OK" /> <input type="submit"
                        name="submit" value="CANCEL" /></td>
                </tr>
            </table>

---

谢谢别人的帮助

这段代码给了我这个问题的答案：

<table border="1">
                <tr>
                <tr>
                    <td><form:textarea id="textarea" path="Comments" size="maxlength"
                            maxlength="255" readonly="false" /> <input type="submit"
                        name="submit" value="OK" /> <input type="submit"
                        name="submit" value="CANCEL" /></td>
                </tr>
            </table>

---

谢谢别人的帮助

从文本区域标记的前面删除

表单：

，它应该可以正常工作。从文本区域标记的前面删除

表单：

，它应该可以正常工作。如果我删除表单：我的整个页面都崩溃了。请提供另一种方法我用示例代码编辑了答案，而不是以前的描述提供。此外，我不确定

中的

路径

属性应该完成什么？我正在用spring编写这个html。因此，在textarea中添加的值将直接赋予其实体classNice solution@BrianFrisch:）中的属性，如果我删除表单：我的整个页面都崩溃了。请提供另一种我编辑答案的方法示例代码代替了我之前提供的描述。此外，我不确定

中的

路径

属性应该完成什么？我正在使用spring进行此html。因此，textarea中添加的值将直接赋予其实体classNice solution@BrianFrisch:）中的属性。）