数据结构
网络
关系型数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学如何在HTML中添加一个输入元素值需要检查的正则表达式？
本文将介绍如何在HTML中添加一个输入元素值需要检查的正则表达式。
HTML <input> 的 `pattern` 属性指定用于检查输入元素值的正则表达式。以下输入类型与此属性兼容：text、password、date、search、email等。
语法
以下是HTML <input> `pattern` 属性的语法。
<input pattern = "regular_exp">
为了更好地理解如何在HTML中添加一个输入元素值需要检查的正则表达式，让我们来看以下示例。
对于type="password"
<input> 标签上的 type="password" 属性创建一个文本字段，用户可以在其中安全地输入密码。根据浏览器不同，输入的字符会被点("•")或星号("*")替换。
示例
在下面的示例中，我们使用type="password"的<input>元素。
<!DOCTYPE html>
<html>
<body>
<form action="#">
<label for="tutorial">Password:</label>
<input type="password" id="tutorial" name="tutorial" pattern=".{8,}"
title="Eight or More Characters">
<input type="submit">
</form>
</body>
</html>
执行上述脚本后，它将生成一个密码类型的输入字段，并带有模式，以确保它满足提交的限制，否则将显示一个警告框。
对于限制为三个字母的输入字段
在这种情况下，我们限制输入字段，只允许用户输入三个字母。
示例
考虑到以下情况，我们使用限制为三个字母且不包含数字或特殊字符的输入字段。
<!DOCTYPE html>
<html>
<body>
<form action="#">
<label for="tutorial">Country Code:</label>
<input type="text" id="tutorial" name="tutorial"
pattern="[A-Za-z]{3}" title=" country code"><br><br>
<input type="submit">
</form>
</body>
</html>
脚本执行后，它将显示名称为“countrycode”的输出以及一个提交按钮，该按钮仅限于三个字母。如果不符合限制，它将显示一个警告框。
更新于：2022年12月15日
110 次浏览
广告