Question

这是在网站上给出的一项任务。我尽力完成网站上提到的所有规范，但我无法弄明白。我的代码出错了？提到的规格：

-

除了看起来像图Bookform image中显示的表单外，您的表单还必须包含以下说明中列出的结构。在为表单创建代码时，必须使用适合复制表单的HTML5标记并满足列出的所有规范。
使用自动填充功能激活表单。
鉴于图1所示的图像，很容易看出两个字段集用于创建表单的主结构。您的任务是创建字段集，包括客户信息和Books.Don目前不担心内容字段的名称。
您创建的“名称”字段应具有自动对焦，占位符文字，并且是必需的。不要忘记为该字段以及随后的所有字段选择合适的类型。
电话字段应具有占位符文本，限制输入的模式，并且是必需的。模式应为[Pattern：1-234-567-8910]
电子邮件地址字段应具有占位符文本并允许多个条目。此字段也应该是必填字段。
图书字段应包含数据列表。您可以选择要列出的内容。
数量（最多5个）字段的最小值应为1，最大值为5。

＆＃13;

<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>

＆＃13;

ERROR：testWeb（htmlpackage.WebTestBookform）：请检查每个标签的规格假

image

更新：当我使用电子邮件类型作为电子邮件时，它显示错误，因此我避免使用它。

Answer 1

标记中存在一些错误，缺少<!DOCTYPE html>。您可以先使用validator检查代码。

Answer 2

只需将<lable ...> Quantity </lable>更改为<label>即可。我认为这只是错字。但请注意datalist标记。 Safari不支持它，因此您没有跨浏览器兼容性。 See datalist docs

下一步：

基于@ l2aelba评论。您应该为标签for使用非空格值。
<form>需要定义操作属性
如果您使用<input> <br>这样的单个标签，则需要使用SHORTTAG。 <input /> <br/>
您无法在block中使用inline-block元素。您已使用<strong><div>...</div></strong>。这是无效的。
首先根据@itacode回答您需要使用<!DOCTYPE html>标记，因为验证程序检测HTML 4.1的版本

Answer 3

您应该在＆＃34;上编写autocomplete =＆＃34;而不只是在表单标签中自动完成..

我在这里缺少什么标签规范？

3 个答案: