در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

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

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

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

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

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

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

نویسنده : فاطمه جلمبدانی

منبع : جزیره طراحی و توسعه وب وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی است

#input_و_form_در_html5 #طراحی_فرم_با_html5 #ایجاد_فرم_با_html5 #آموزش_css_و_html5 #فرم_در_html5
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره تابستانه می تونی امروز ارزونتر از فردا خرید کنی ....