输入错误的电子邮件,创建文本输入

时间:2017-07-09 06:40:58

标签: html5

我收到错误"错误的输入类型电子邮件,创建文本输入"。以下是问题规范和我的代码。我没有得到我错过或出错的限制。

问题描述:

为表单创建代码时,必须使用适合复制表单的HTML5标记并满足列出的所有规范。

使用自动填充功能对表单进行编码。

您创建的“名称”字段应具有自动对焦,占位符文字,并且是必需的。不要忘记为该字段以及后面的所有字段选择合适的类型。

电话字段应该有占位符文本,限制输入的模式,并且是必需的。模式应为[模式:1-234-567-8910]

类型

电子邮件地址字段应包含占位符文本并允许多个条目。此字段也应该是必填字段。

Books字段应该有一个数据列表。您可以选择要列出的内容。数量(最多5个)字段的最小值应为1,最大值为5。

代码:

<html>
<head>
    <style>
       h2{
           color:blue;
       } 
       h4{
           color:light blue;
           font-style:italic;
       }
    </style>
</head>
<body>
    <h2>A Simple Form</h2>
    <h4>Form Fundamentals</h4>
    <form method="get" action="" autocomplete="on">
        <fieldset>
            <legend>Customer Info</legend>
            Name: <input type="text" autofocus="on" required placeholder="Enter your name"><br>
            Telephone: <input type="text" pattern="[0-9]{1}[0-9]{3}[0-9]{3}[0-9]{4}" placeholder="Pattern: 1-234-567-8910" required><br>
            Email address: <input type="email" placeholder="Enter your email address" multiple="multiple"  required/>
        </fieldset>
        <fieldset>
            <legend>Books</legend>
            <input list="books">
            <datalist id="books">
                <option>abc</option>
            </datalist>
            Quantity(Maximum 5):<input type="number" min="1" max="5">
        </fieldset>
        <input type="submit">
    </form>
</body>

1 个答案:

答案 0 :(得分:0)

也许是由于Gmail输入标签中要求的正斜杠(ManyToManyField之后出现错误而引起的错误。