آموزش Input Type : Email,URL,Phone

آموزش ایمیل، شماره تلفن و وب سایت

ایمیل، شماره تلفن و وب سایت url از متداول ترین جزئیات تماس هستند که الگوهای ورودی خاص خود را دارند. ایمیل دارای علامت @ می باشد و .com، .net و یا چیز دیگری به پایان می رسد. وب سایت حداقل دارای یک دات در وسط است و اکثر آنها با .com به پایان می رسند و شماره تلفن هم فقط عدد است، بدون هیچ حروف الفبایی.
گیج نشوید زیر این انواع حداقل هنوز مربوط به اعتبار سنجی داده نیستند. شما مجبور خواهید بود از همان عبارت های متداول برای انجام آن استفاده کنید.
در جدول زیر می توانید ببینید چگونه به نظر می رسد، ممکن است سعی کنید در هر کدام از فیلدها چیزی وارد کنید و در مقایسه با تکست باکس ساده، چیز خاصی نخواهید دید (‎<input type="text" />).

و دراینجا کد را می بینید که چگونه به نظر می رسد.

  ‎<input id="email" type="email" />  ‎<input id="website" type="url" />  ‎<input id="phone" type="tel" />‎  

به هرحال تفاوت هایی در چگونگی رفتار صفحه لمسی مرورگر محور با این فیلدها وجود دارد.
در زیر صفحه ی مربوط به iphone 4 (iOS 4.2)و (android 2.2) HTC Desire را در زمان تمرکز هر فیلد می بینید.

همانطور که می بینید، وقتی روی فیلد شماره تلفت تمرکز می کنید، مرورگر به شما یک صفحه ی شماره گیر ارائه می دهد، iphone حتی به جلوتر رفته تا قرار دادن ورودی ایمیل و وب url را ساده تر کند، هر ایمیل دارای یک نشان @ می باشد و اکثر وب های url با .com به پایان می رسند.
از طرف دیگر ورودی صفح کلید اندروید من به انداره ی آیفون در نگارش دوستانه نیست.

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