این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Required در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Required در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Required در HTML
صفت required یک صفت بولی ( Boolean ) می باشد، که با استفاده از آن میتوان مشخص کرد که یک فیلد اینپوت در فرم حتما و ضروری است که تکمیل شود. ( یعنی اگه کاربر بخواد خالی خالی فرم رو ارسال کنه بهش پیغام میده که فیلد ضروری می باشد )
در یک فرم خب هم میتونه فیلد اختیاری وجود داشته باشه و هم اجباری ، سعی کنید همیشه اونایی که اجباری هستن رو اعتبارسنجی کنید تا کاربر همینجوری نتونه هرچیزی وارد کنه، چون یه قانون در امنیت وجود داره میگه هیچوقت و هیچوقت به چیزی که کاربر وارد میکنه اعتماد نکن.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <textarea> | <select> | <input> |
Free-Learn
مثال از صفت Required در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Input
|
1 2 3 4 5 6 7 8 |
<body> <form action="files/get_data.php" method="POST"> <input type="text" name="myname" required> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۲ : استفاده در تگ Select
|
1 2 3 4 5 6 7 8 9 |
<body> <select name="tarafdari" required> <option value="">انتخاب کنید</option> <option value="Esteghlal">استقلال</option> <option value="Persepolis">پرسپولیس</option> </select> </body> |
مثال شماره ۳ : استفاده در تگ Textarea
|
1 2 3 4 5 6 7 8 9 |
<body> <form action="files/get_data3.php" method="POST"> <textarea name="message" required></textarea> <br> <input type="submit" value="ارسال"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت required در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| input | بله | بله | بله | بله | بله |
| select | بله | بله | بله | بله | بله |
| textarea | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 |
<input required> <select required> <textarea required> |
Free-Learn
نکات و توضیحات
- از این صفت فقط میتوان در اینپوت های text, search, url, tel, email, password, date, number, checkbox, radio, و file استفاده نمود.
- این صفت یک صفت بدون مقدار می باشد.
