ويژگيpattern عبارت منظمي را براي عنصر <input> معرفي ميكند كه مقدار عنصر براساس آن كنترل ميشود.
توجه ـ ويژگي فوق در انواعtext,date,search,url,tel,email ,password از عنصرinput ميتوان بكار گرفت.
نكته ـ از ويژگي جهانيtitle براي توصيف عبارت منظم در جهت كمك بكاربر استفاده كنيد.
ويژگي فوق فقط براي عناصر در جدول زير بكار گرفته ميشود.
عنصر | شــرح |
---|---|
<input> | يك كنترل ورودي را تعريف ميكند. |
مثالInput ـ فرمي با فيلد ورودي كه فقط شامل سه حرف وبدون عدد وكراكترهاي خاص
<form action="/action_page.php"> Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"> <input type="submit"> </form>
مثال رمز عبور ـ يا فيلد ورودي از نوعtype="password"كه شامل حداقل شش كراكتر
<form action="/action_page.php"> Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters"> <input type="submit"> </form>
مثال رمز عبور ديگرـ يك فيلد ورودي از نوعtype="password"كه داراي حداقل هشت كراكتر،شامل حداقل يك رقم عددي، ويك حرف بزرگ وكوچك
form action="/action_page.php"> Password: <input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"> <input type="submit"> </form>
وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.
ويژگي | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |