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

WBOY
Lepaskan: 2023-08-19 19:33:12
ke hadapan
619 orang telah melayarinya

如何在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属性的语法。

Salin selepas log masuk

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 thetag 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”。

   
Salin selepas log masuk

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

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.

   


Salin selepas log masuk

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

Atas ialah kandungan terperinci 如何在HTML中添加一个用于检查输入元素值的正则表达式?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!