خصائص النمط في <input> HTML

HTML <input> ƙaɗaɗa

التعريف والاستخدام

pattern تحدد خصائص العنوان العادي تعبير النص العادي، ويتم فحص قيمة عنصر <input> بناءً على هذا التعبير عند تقديم النموذج.

ملاحظة:pattern خصائص هذه الاطلاق تعطي نوع الإدخال التالي:

  • نص
  • التاريخ
  • البحث
  • رابط
  • رقم الهاتف
  • البريد الإلكتروني
  • كلمة المرور

نصائح:استخدام خصائص العنوان العالمية لوصف هذا النمط، لمساعدة المستخدمين على فهمه.

نصائح:يرجى زيارة JavaScript ƙoyarwarin تعلم المزيد عن تعبيرات النصوص العادية في هذا الدرس.

مثال

مثال 1

هذا نموذج HTML يحتوي على حقل إدخال واحد فقط، والذي يمكنه احتواء ثلاثة أحرف (لا يمكنه احتواء الأرقام أو الأحرف الخاصة):

<form action="/action_page.php">
  <label for="country_code">كود بلد:</label>
  


  <input type="submit">
</form>

Kiyasta sai

例子 2

下面是一个 type 属性为 "password" 的 元素，必须包含至少 8 个字符：

<form action="/action_page.php">
  
  
  <input type="submit">
</form>

Kiyasta sai

例子 3

下面是一个 type 属性为 "password" 的 元素，必须包含 8 个或更多字符，至少包含一个数字，一个大写字母和一个小写字母：

<form action="/action_page.php">
  
  
  <input type="submit">
</form>

Kiyasta sai

例子 4

下面是一个 type 属性为 "email" 的 元素，必须按照以下顺序：characters@characters.domain。

由字符和 @ 符号组成，后面跟着更多字符，然后是一个 "." 符号。在 "." 符号后面，至少添加两个从 a 到 z 的字母：

<form action="/action_page.php">
  <label for="email">Elektron kiwon lafiya:</label>
  <input type="email" id="email" name="email"
  pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
  <input type="submit">
</form>

Kiyasta sai

Shaidar 5

Kwamta na <input> ceke da yana da matsakaici "search", wajin kai ' ko " ."

<form action="/action_page.php">
  <label for="search">Bada:</label>
  <input type="search" id="search" name="search"
  pattern="[^'\x22]+" title="Kwamta na kama yana da kalmi">
  <input type="submit">
</form>

Kiyasta sai

Shaidar 6

Kwamta na <input> ceke da yana da matsakaici "url", wajin kai "http://" ko "https://", kuma yana da mutumci kamar wata.

<form action="/action_page.php">
  <label for="website">Homepage:</label>
  <input type="url" id="website" name="website"
  pattern="https?://.+" title="Rafi http://">
  <input type="submit">
</form>

Kiyasta sai

Tsarin

<input pattern="regexp">

Ƙaramin ƙaramin

Ƙaramin Rarrabawar
regexp Ƙarƙaɗo ƙaraunin ƙaraunin ƙarƙaɗon <input>.

Rarrabawar ƙarƙaɗo

Labarin ƙasaɗan suna cewa ana ƙirƙiri ƙaramin ayyukan.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 10.0 4.0 10.1 9.6

Rahoto:pattern Ƙaramin shine ƙaramin HTML5.

HTML <input> ƙaɗaɗa