جستجو
زمانی که متن خود را وارد می نمایید در صورت وجود اطلاعات ، اطلاعات مورد نظر بصورت همزمان و بدون زدن هیچ دکمه ای نمایش داده می شود.
عضویت در خبرنامه
جهت لغو عضویت کلیک نمایید
شمارشگر شبکه های اجتماعی
پسندیده
0
فیسبوک
0
توییتر
0
گوگل پلاس
0
لینک ادین
11
نمودار بازدید از موضوع ها
نویسنده : admin تعداد بازدید : ۷۱۷ تاریخ : سه شنبه, ۳۱تیرماه ۱۳۹۳
انواع ورودی های جدید در HTML5
امتیاز دهید
تعداد رای 1 امتیاز 4.5

HTML5 چندین نوع ورودی با ویژگی های جدید دارد که به شما اجازه می دهد کنترل بهتری بر فرمها، ورودی و اعتبار سنجی داشته باشید.

انواع ورودی های جدید:

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • search
  • url

نکته : تمام مرورگرها از این قابلیت جدید HTML5 پشتیبانی نمی کنند.

نوع ورودی : Color

نوع رنگ برای زمینه های ورودی است.(مرورگر اینترنت اکسپلورر و اپرا را پشتیبانی نمی کنند)

Select your favorite color: <input type="color" name="favcolor">

نوع ورودی: date
به کاربر اجازه می دهد که تاریخ را انتخاب نماید.(مرورگر اینترنت اکسپلورر و فایرفاکس پشتیبانی نمی کنند)

Birthday: <input type="date" name="bday">

نوع ورودی : datetime(مرورگر های اینترنت اکسپلورر و فایرفاکس و کروم پشتیبانی نمی کنند)

به کاربر اجازه می دهد که تاریخ و زمان را انتخاب نماید.(با time zone)(مرورگر اینترنت اکسپلورر و فایرفاکس و کروم پشتیبانی نمی کنند)

Birthday (date and time): <input type="datetime" name="bdaytime">

نوع ورودی : datetime-local

به کاربر اجازه می دهد که تاریخ و زمان را انتخاب نماید.(بدون time zone)(مرورگر اینترنت اکسپلورر و فایرفاکس پشتیبانی نمی کنند)

Birthday (date and time): <input type="datetime-local" name="bdaytime">

  نوع ورودی : email

از این نوع ورودی می توانید برای اعتبارسنحی ایمیل استفاده نمایید.(مرورگر اپرا پشتیبانی نمی کند)

E-mail: <input type="email" name="email">

نوع ورودی : month

برای انتخاب یک ماه از سال از این نوع ورودی استفاده می شود.(مرورگر اینترنت اکسپلورر و فایرفاکس پشتیبانی نمی کنند)

Birthday (month and year): <input type="month" name="bdaymonth">

نوع ورودی : number

برای گرفتن یک مقدار عددی از این نوع ورودی استفاده می شود همچنین شما می توانید یک رنج عددی را مشخص کنید.

Quantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5">

نوع ورودی : search

برای جستجو از نوع ورودی استفاده می شود.(فقط در مرورگر کروم و اپرا آنرا پشتیبانی می کنند)

Search Google: <input type="search" name="googlesearch">
نوع ورودی : url
این فیلد برای اعتبار سنجی پیوندها استفاده می شود.(مرورگر اپرا آنرا پشتیبانی نمی کنند)
Add your homepage: <input type="url" name="homepage">

 

comments powered by Disqus
تبلیغات
آخرین تصاویر
شهر تاریخی جیزد باغ شازده ماهان عمارت و باغ نشاط (سالار) تقی آباد غار پرده رستم کاروانسرای شاه عباس یونسی حلزون اسب در کوهستان بچه پنگوئن بچه میمون ديگو کاستا دنی آلوز میامی هیت پیرلو فرانچسکو توتی لیونل مسی طوطی دریا جاده زمستانی گورخر ... ... پل کلبه ببر
وضعیت آب و هوا
  • یزد
  • ارومیه
  • اصفهان
  • البرز
  • مشهد
  • شیراز
  • تبریز
  • تهران
  • زاهدان
  • اهواز
  • زنجان
  • رامسر
  • بابلسر
  • کرمانشاه
  • بندرعباس
  • کرمان
  • گرگان
  • یاسوج
  • همدان
  • آبادان
  • مکه
موضوعات مشابه
CSS3 در Internet Explorer

CSS3 در Internet Explorer

   تعداد بازدید: ۶۱۴
نمایش متن بصورت متن تایپ شده بوسیله جی کوئری و سی اس اس

نمایش متن بصورت متن تایپ شده بوسیله جی کوئری و سی اس اس

   تعداد بازدید: ۶۴۶
خواندن ایمیل ها با php

خواندن ایمیل ها با php

   تعداد بازدید: ۳۷۷
آشنایی با Modernizr و کاربرد آن در HTML5

آشنایی با Modernizr و کاربرد آن در HTML5

   تعداد بازدید: ۴۲۵
عناصر معنایی در HTML5

عناصر معنایی در HTML5

   تعداد بازدید: ۵۲۴