آموزش طراحی فرم ورود اطلاعات با HTML به زبان ساده
چگونه با HTML5 فرم ورود اطلاعات بسازیم؟ Html5 امکانات و صفات جدیدی را به قابلیت های نسخه های پیشین افزوده هر چند برخی از این صفات در برخی مرورگرها به طور کامل پشتیبانی نمی شوند اما ممکن است شما به این فرم ها در صفحات وب خود نیاز داشته باشید که در این صورت با استفاده از تگ های form و input می توانید آن را ایجاد کنید.
دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران
طبق کدهای فوق با استفاده از خاصیت type می توان نوع ورودی را مشخص کرد و برحسب نوع آن مقداری را به صورت پیش فرض برای نمایش قرار داد.در ورودی Name جهت راهنمایی کاربر pattern تعریف شده تا قبل از ورود اطلاعات نمایش داده شود ، در ورودی Age محدوده ای برای سن جهت انتخاب توسط کاربر تعریف شده است و در قسمت Desc با استفاده از تگ textarea محیطی جهت معرفی قرار داده شده است.با استفاده از input با نوع submit کلیدی برای تایید و ارسال ورودی ها ایجاد می شود.خروجی کدهای فوق بدین صورت است :
قبل از ایجاد این قابلیت برای تولید هر یک از فرم ها جهت ورود اطلاعات از اسکریپت ها عناصر داینامیک استفاده می شد اما با استفاده از این قابلیت حتی بدون اضافه کردن کدهای دیگر فرم فوق را خواهیم داشت.