我在這裏失蹤的標籤規格是什麼？

-1

這是一個網站給出的任務。我盡我所能完成了網站上提到的所有規範，但我無法弄清楚。我的代碼出錯了？提到規格：我在這裏失蹤的標籤規格是什麼？

除了看起來像圖中所示Bookform image的形式，你的表格必須包括以下說明中列出的結構。爲表單創建代碼時，必須使用適合複製表單並滿足列出的所有規範的HTML5標記。
代碼與自動填充活性形式。
鑑於圖1所示的圖像，很容易地看到，兩個場組被用於創建形式的主要結構。您的任務是創建字段集，包括名稱「客戶信息」和「書籍」。目前不擔心內容字段。
您創建的名稱字段應具有自動對焦，佔位符文本並且是必需的。不要忘記爲該字段以及後面的所有字段選擇適當的類型。
電話字段應具有佔位符文本，用於限制條目的模式，並且是必需的。模式應爲[模式：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"> 
 
\t \t \t \t \t 
 
\t \t \t \t \t </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>

ERROR的最大值：testWeb（htmlpackage.WebTestBookform）：請檢查每個標籤的規格 false

圖片

更新：當我使用電子郵件類型作爲電子郵件它顯示錯誤，因此我避免使用它。

來源

2017-06-19 tejaswi

我只是好奇，在那個網站上是不是''而不是''？ – Swellar

我想'for =「電子郵件地址」'和'name =「電子郵件地址」'你必須使用**非間距**值？嘗試更改爲'EmailAddress'或其他？ – l2aelba

而'for'屬性應該等於'id'而不是相關元素的'name' – Swellar

裏有標記的一些錯誤和它缺乏<!DOCTYPE html>。您可以先用validator檢查代碼。

來源

2017-06-19 09:19:23 itacode

由於它來自網站的代碼，我們並不真正知道該網站是否嚴格檢查錯誤。並且'<！DOCTYPE html>'不是必須包含的，但是非常有用，所以大多數需要它 – Swellar

我在電子郵件中做了什麼錯誤嗎？ – tejaswi

我們如何讓電子郵件的多個值？ – tejaswi

只需將<lable ...> Quantity </lable>更改爲<label>即可。我認爲這只是錯字。但要注意datalist標籤。它不支持Safari，所以你沒有跨瀏覽器兼容性。 See datalist docs

基於@ l2aelba評論。您應該使用標籤for的非空格值。
<form>需要定義動作屬性
如果您使用的是單個標籤，如<input> <br>，則需要使用SHORTTAG。 <input /> <br/>
您不能在inline-block中使用block元素。您已使用<strong><div>...</div></strong>。這是無效的。基於
上@itacode答案首先你需要使用<!DOCTYPE html>標籤，因爲驗證「上」，而不是在形式上標籤只是自動完成檢測版本HTML 4.1的

來源

2017-06-19 09:23:33 Franky238

檢查OP的評論，即使將''更改爲'' – Swellar

時，錯誤仍然出現抱歉，我在寫這個答案時whis評論不存在 – Franky238

我們如何允許多個值的電子郵件？ – tejaswi

你應該寫的自動完成= ..

來源

2017-07-09 07:54:14

我在這裏失蹤的標籤規格是什麼？

回答

相關問題