电子邮件输入模式属性

Question

我正在使用模式为我的电子邮件输入字段（电子邮件的HTML）1234567Z@student.glasgow.ac.uk看到下面的代码片段，我没有把格拉斯哥视为已满（只有gla出现）。

尝试使用各种其他字符串操纵电子邮件的这一部分，但无法获得前面所述的正确格式。

我为什么要使用代码获取此代码：

Email address:
<input name="email" type='email' pattern=".+ (@student.glasgow.ac.uk)" required />
<input style="float: right;" type="submit" name="submit" value="Subscribe"/>
</form>

Answer 1

您可以尝试使用此代码

<input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" />