【发布时间】: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