HTML 5检查字段

HTML 5 check field

本文关键字：字段 检查 HTML      更新时间：2023-09-26

我有一个这样的表单：

<html>
<form name=“test” action=“test.php”>
<input type=“text” name=“surname” pattern=“.{3,}>”
<input type=“submit” value=“send”>
</form>

我希望"姓氏"字段至少有3个字符，因此我添加了pattern属性（我使用HTML5），但通过这种方式，我每次用户单击"发送"按钮时都会检查这个属性，而我希望每次用户编辑"姓氏"域时都检查这个属性而不使用javascript，而只使用HTML5。有可能吗？

在php处理之前，您需要将客户端javascript添加到表单中，

要检查字母和数字的输入序列或模式，需要添加一个正则表达式来检查输入的值

如果不使用JavaScript，这是不可能的。有关更多详细信息，请参阅HTML5规范。但是，您可以将CSS更改为无效值的指示：

input[pattern]:invalid { 
  color:red;
}
相关文章：