HTML5 有效表单输入/字段答案

【问题标题】：HTML5 Valid Form Input/FieldsHTML5 有效表单输入/字段
【发布时间】：2011-09-21 09:47:16
【问题描述】：

对于 HTML5 输入字段的有效标记，我有点困惑。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Site Name</title>
</head>

<body>

    <form name="contact" method="post" action="/">
       <p><input type="input" name="first_name" maxlength="255" /></p>
    </form>

</body>

</html>

当我通过 w3.org 上的验证器运行此程序时，我收到错误 Bad value input for attribute type on element input.，/> 以红色突出显示。我查看了它创建的 HTML-Tidy 版本，它告诉我改为这样编写：

<p><input type="input" name="first_name" maxlength="255"></p>

但是当我验证我得到同样的错误但只有> 以红色突出显示时。然后查看 HTML-Tidy 以查看它已将其更正为什么，然后它离开就像没问题一样，但错误仍然存在。这被认为是有效的 HTML5 标记吗？或者有具体的方法吗？

【问题讨论】：

标签： forms html input markup

【解决方案1】：

type="input" 是 input 元素的属性 type 的无效值。

这个guide on the input element 显示了允许的type 属性。或者如果您需要其中之一，请查看the HTML5 additional input types。

对于常规文本字段，您需要将 type 属性设置为 type="text"。

【讨论】：

【解决方案2】：

输入类型“input”不正确，您可能打算使用type="text"。

【讨论】：