‎‎ويژگيHTML pattern

Previous >    <Next  

‎‎تعريف وكاربردDefinition and Usag -‎

‎ويژگي‎pattern‎ عبارت منظمي را براي عنصر ‎<input>‎ معرفي ميكند ‎كه مقدار عنصر براساس آن كنترل ميشود.

‎توجه ـ ويژگي فوق در انواعtext,date,search,url,tel,email ,password از عنصرinput ميتوان ‎بكار گرفت.

‎نكته ـ از ويژگي جهاني‎title‎ براي توصيف عبارت منظم در جهت كمك بكاربر استفاده ‎كنيد.

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق فقط براي عناصر در جدول زير بكار گرفته ميشود.

‎‎عنصر ‎‎شــرح
<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> 

--(go to editor for change code and run)

‎‎مثال رمز عبور ـ يا فيلد ورودي از نوعtype="password‎"‎كه شامل حداقل شش كراكتر

<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>

--(go to editor for change code and run)

‎مثال رمز عبور ديگرـ يك فيلد ورودي از نوع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>

--(go to editor for change code and run)

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.

‎‎ويژگي Chorome Edge Firefox Safari Opera
‎pattern‎ ‎‎5.0‎ ‎‎10.0‎ ‎‎4.0‎ ‎‎ Not supported‎‎ ‎‎9.6‎

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next