خلاصه مطالب استاد 8

پرسیده شده
فعالیت 1242 روز پیش
دیده شده 1386 بار
16

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

 

اعتبار سنجی یا امنیت فرم هامون در سمت کلاینت وب سایتمون

 

Attribute input

 

1- accept : با استفاده از این ویژگی میتوانیم مشخص کنیم که اینپوت ما بیاد و چه فرمت های بگیره مثلا اگر قرار بود بیاد و فقط فرمت عکس بگیره میتونه به شکل زیر مقدار دهی بشه

<input  accept='image/*'>
<input  accept='image/img'>

یا هم اگه قصد ما استفاده کردن از تصاویر بود میتونیم از تایپ تصویر استفاده بکنیم

2-autoComplete : این ویژگی میاد و در داخل کچ مرورگر مارو میگرده و اگه چیزی بود به عنوان کلمات رزوی در اینپوتمون نمایش میده که انتخابشون کنیم  و دو مقدار میگیره یا off یا on

3-autofocus : این ویژگی رو وقتی قرار میدهیم میاد و وقتی صفحه ی مرورگرمون لود شده به طور خودکار اینپوت مارو فعالش میکند

4-checked این ویژگی برای نوع چک باکس هست که به طور خودکار میاد و اون رو فعالش میکند

5-disable : این ویژگی میاد و به طور خود کار اینپوت مارو غیر فعال میکند

 

input type text این ویژگی ها مال موقعی هست که تایپ ما برابر تکس یا متنی  باشه

 

1-maxlength : مشخص میکند که طول کاراکترهایی که در داخل اون ها میایم و مینویسیم چقد باید باشد بیشترین 

 مقدار برای یک اینپوت رو مشخص میکند 

2-minlength : حدقل کاراکترهایی که میگیرد چقد باید باشد رو مشخص میکند

3-pattern : برای استفاده بهتر از ری جکس میایم و از این استفاده میکنیم و الگوی ری جکس خودمون رو مشخص میکنیم

4-title :  ما میتوانیم بیایم و یک عنوان برای هشدارمون قرار بدهیم که اگه قبول نکرد اون هشدار مارو نشون بده

5-require : کاربر رو ملزم میکند که فیلد مربوطه رو بیاد و پرش بکند و اگه نکنه مثل قبلی بهش پیام خطا میدهد 

6-readonly :  این نوع اینپوت ما رو فقط خوندنی میکند و اجازه تغیر درون اون رو به ما نمی دهد و اجازه تغیر نمیدهد  

 

فایل پیوست

emad ta
emad ta

2 خرداد 99

8
حذف شده

سلام. در کد بالا که نوشتین قسمت image به این شکل فکر کنم درست باشه. چون بعد / فرمت عکس مشخص میشه: فرمت عکس هرچی باشه بعد از / علامت * میزاریم.

 واگر  فرمت مشخص شده باشه ،فرمت مورد نظر رو تعیین میکینیم مثلا jpg . 

به این شکل:

<input accept="image/*">
<input accept="image/jpg">
فایل پیوست

یوسف آرمات

توسط

یوسف آرمات

12 آذر 99