如何在HTML中添加一个用于检查输入元素值的正则表达式?

WBOY
Freigeben: 2023-08-19 19:33:12
nach vorne
591 人浏览过

如何在HTML中添加一个用于检查输入元素值的正则表达式?

The task we are going to perform in this article is about how to add a regular expression that an input elements value is checked against in HTML.

将用于检查输入元素值的正则表达式由HTML的模式属性指定。以下输入类型与此属性兼容:文本、密码、日期、搜索、电子邮件等。

Syntax

以下是HTML 标签的pattern属性的语法。


Nach dem Login kopieren

For getting more idea on how to add a regular expression that an input elements value is checked against in HTML, let’s look into the following examples

对于type="password"

The type="password" attribute on the tag creates a text field where users can safely enter a password. Depending on the browser, characters are replaced as they are entered by a dot ("•") or asterisk ("*").

Example

在下面的示例中,我们使用了元素,其类型为”password”。




   
Nach dem Login kopieren

在执行上述脚本时,它将生成一个类型为密码的输入字段,并设置一个模式以确保它满足限制条件才能提交,否则将显示一个警示框。

For input field restricted with three letters

在这种情况下,我们限制了输入字段,只允许用户输入三个字母。

Example

Considering the following we are using the input field restricted with three letters with no numbers or special characters.




   


Nach dem Login kopieren

当脚本被执行时,它将显示一个带有名称“countrycode”的输出,以及一个仅限于三个字母的提交按钮。如果不符合限制,它将显示一个警告框。

以上是如何在HTML中添加一个用于检查输入元素值的正则表达式?的详细内容。更多信息请关注PHP中文网其他相关文章!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!