آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

Input Type جدید در Html5

4-4

فصل چهارم ( معرفی HTML5 )

جلسه  سوم  (Input Type  جدید در Html5 )

سلام خدمت همراهان عزیز مدرسه مجازی ایرانیان

در جلسه ی پیش راجع به عناصر جدید فرم در HTML5 صحبت کردیم . این جلسه راجع به انواع جدید فیلدها در فرم صحبت می کنیم .

 

Input Type جدید در Html5

 فیلد رنگ با color : به عنوان مثال ، اگر شما بخواین یک فیلد برای کاربر در نظر بگیرید که رنگ مورد علاقشو وارد کنه ، نوع فیلد و color میذاریم . مثال :

 

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

 

 فیلد تاریخ و زمان با  datetime و یا datetime-local : زمانی که شما بخواین یک فیلد برای ورود تاریخ و زمان برای کاربر در نظر بگیرید از نوع  datetime یا datetime-local استفاده می کنیم . مثال :

 

فیلد ایمیل با  email : اگر بخواین یک فیلد برای کاربر در نظر بگیرید که ایمیلشو وارد کنه از نوع email استفاده می کنید ، که در این صورت ، خود مرورگر درستی ایمیل رو تشخیص میده و در صورت صحیح نبودن به کاربر پیغام میده . مثال :

 نتیجه ی کد بالا در صورت ورود ایمیل نامعتبر :

email input type

 

فیلد ماه و سال با month : برای فیلدهایی که بخواین ماه و سال رو وارد کنید ، از این نوع استفاده می کنید :

 

فیلد شماره با number : برای فیلدهایی که بخواین عدد وارد کنید ، از این نوع استفاده می کنید ، همچنین میتونید یک رنج عدد هم مشخص کنید ، مثلا رنج ورود عدد از ۱ تا ۵ :

 

فیلد شماره ی رنجی با range : برای فیلدهایی که بخواین بصورت رنجی یک عددی رو انتخاب کنید از این نوع استفاده می کنید :

 نتیجه کد بالا :

6

 

فیلد جستجو با search : برای فیلدهایی که بخواین برای جستجو استفاده کنید ، این نوع فیلد رو به کار میبرید . مثال :

 

فیلد شماره تماس با tel : برای فیلدهایی که بخواین شماره تماس وارد کنید از این نوع استفاده می کنید :

 

فیلد زمان با time : برای فیلدهایی که میخواین یک زمانی رو وارد کنید ، از این نوع استفاده می کنید :

 

فیلد آدرس با url :  برای فیلدهایی که میخواین یک آدرس وارد کنید ، از این نوع استفاده می کنید :

 

فیلد هفته با week : برای فیلدهایی که میخواین نام هفته رو وارد کنید ، از این نوع استفاده می کنید :

 

تهیه شده در مدرسه مجازی ایرانیان

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • mohsen

    عالی بود تشکر

وبلاگ مدرسه

مختصری درباره ما
مدرسه مجازی ایرانیان در زمینه آموزش علوم و فنون طراحی و برنامه نویسی صفحات وب اعم از آموزش زبان های برنامه نویسی و کدنویسی و همچنین آموزش طراحی گرافیک توسط نرم افزارهای گرافیکی پیکسلی و برداری فعالیت دارد .
ورود به وبلاگ

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟