【发布时间】：2017-06-19 09:10:30
【问题描述】：
这是一个网站给出的任务。我尽力完成网站中提到的所有规范，但我无法弄清楚。我的代码哪里出错了？ 提到的规格：
-
除了看起来像图Bookform image 中所示的表单外，您的表单还必须包含以下说明中列出的结构。在为您的表单创建代码时，您必须使用适合复制表单并满足所有列出的规范的 HTML5 标记。
使用自动完成功能对表单进行编码。
鉴于图 1 所示的图像，很容易看出使用两个字段集来创建表单的主要结构。您的任务是创建字段集，包括名称 Customer Info 和 Books。暂时不要担心内容字段。
- 您创建的名称字段应具有自动对焦、占位符文本，并且是必需的。不要忘记为此字段以及随后的所有字段选择适当的类型。
- 电话字段应该有占位符文本、限制输入的模式，并且是必需的。模式的类型应为 [模式：1-234-567-8910]
- 电子邮件地址字段应包含占位符文本并允许多个条目。此字段也应为必填项。
- Books 字段应该有一个数据列表。您可以选择要列出的内容。
- 数量（最多 5 个）字段的最小值应为 1，最大值应为 5。
<html>
<head>
<title>bookform</title>
</head>
<body>
<form autocomplete="on">
<strong> <div style='color:darkblue'> A Simple Form </div> </strong>
<br/>
<i> <div style='color:Lightblue'> Form Fundamentals </div> </i>
<fieldset>
<legend>Customer Info:</legend>
<label for="Name">Name:</label> <input type="text" name="Name" id="Name" placeholder="Enter Your Name" autofocus required/><br/><br/>
<label for="Telephone">Telephone:</label> <input type="text" id="Telephone" name="Telephone" placeholder="Pattern: 1-234-567-8910" pattern="[0-9]{1}-[0-9]{3}-[0-9]{3}-[0-9]{4}" required/><br/>
<br/><label for="Emailaddress">Email address:</label> <input type="text" name="Emailaddress" id="Emailaddress" placeholder="Enter Your Email address" multiple required/>
</fieldset>
<fieldset>
<legend> Books</legend>
<input type="text" name="Books" list="countries"> <datalist id="countries">
</datalist>
<label for="Quantity"> Quantity </label> (Maximum 5): <input type="number" name="Quantity" id="Quantity" max="5" min="1"> <br>
</fieldset>
<br>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>错误：testWeb（htmlpackage.WebTestBookform）： 请检查每个标签的规格 假的
- 图片
更新：当我使用电子邮件类型作为电子邮件时，它显示错误，因此我避免使用它。
【问题讨论】：
-
我只是好奇，在那个网站上真的是
<lable>而不是<label>？ -
我认为
for="Email address"和name="Email address"你必须使用 non-spacing 值？试试改成EmailAddress什么的？ -
并且
for属性应该等于id而不是相关元素的name -
我更改了名称，但显示相同的错误..
-
我把标签改成了标签
标签： css html html-table forms