【问题标题】:Bad Input type email, creating a text input错误输入类型电子邮件,创建文本输入
【发布时间】:2017-07-09 06:40:57
【问题描述】:

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

问题描述:

为您的表单创建代码时,您必须使用适合复制表单并满足所有列出的规范的 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>

【问题讨论】:

  • 您能否缩短您的问题并解释问题所在以及您的预期?
  • 说邮箱输入有误
  • 电子邮件输入规范为: 电子邮件地址字段应包含占位符文本并允许多个条目。该字段也应该是必需的。
  • 对我有用,怎么了? jsfiddle.net/r29nm3fw
  • 这正是我没有得到的,这是在我自己的编辑器中工作,但不是在为我们的代码提交提供的编辑器中工作......可能是我没有正确使用的一些限制或类似的东西跨度>

标签: html


【解决方案1】:

您可能会因为 Gmail 的 required in 输入标记后的正斜杠 (/) 而收到错误消息。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-02
    • 1970-01-01
    • 1970-01-01
    • 2022-09-23
    相关资源
    最近更新 更多