در این بخش،به معرفی کامل عناصر وساخت فرم در html به صورت کاربردی پرداخته ایم، به طوری که با دیدن این بخش از آموزش، که شامل سه ویدئو می باشد، اطلاعات خیلی جامعی برای ساخت فرم در HTML یاد خواهید گرفت و نیاز به هیچ منبع دیگری برای یادگیری نخواهید داشت.
درهر بخش (ویدئو)، سعی کرده ایم تا علاوه بر پوشش دادن مباحث ذکر شده، شما عزیزان را با صفت های css نیز آشنا کنیم.
در این بخش نیز با صفت های border و padding وتگ <div>آشنا می شوید:
<form> : برای ایجاد فرم استفاده می شود و دارای این صفات می باشد:
get : در این روش اطلاعات فرم را در خط آدرس مقصد،نمایش می دهد.
post : در این روش اطلاعات فرم را پنهان می کند و قابل دسترسی نمی باشد.
<fieldset> : برای کادر بندی فرم استفاده می شود.
<legend> : برای تعریف عنوان تگ <fieldset> استفاده می شود.
type : نوع داده های ورودی را مشخص می کند.
name : نام input را مشخص می کند.
value : مقدار اولیه برای input مشخص می کند.
placeholder : متن کم رنگی در پس زمینه input برای مقدار نمونه یا توضیح کوتاهی می باشد.
maxlength : حداکثر تعداد کارکترهای مجاز برای ورودی را مشخص می کند.
min : حداقل مقدار برای ورودی را مشخص می کند.
max : حداکثر مقدار برای ورودی را مشخص می کند.
Size : تعداد کارکترهای ورودی را مشخص می کند.
readonly : input فقط خواندنی وغیر قابل تغییر می شود.
disabled : input را غیرفعال می کند.
title : برای ایجاد tooltip می باشد.
checked : مشخص می کند یک ورودی (radio-checkbox) به طور پیش فرض درحالت انتخاب باشد.
required : ایجاد الزام برای خالی نبودن input می باشد.
tabindex : برای جا به جایی بین input ها استفاده می شود و با مقدار دهی این صفت می توانیم ترتیب جا به جایی را مشخص کنیم.
src : برای آدرس دهی استفاده می شود.
multiple : کاربر می تواند بیش از یک مقدار را انتخاب کند.
stept : فاصله بین شماره ها را در یک ورودی مشخص می کند. برای مثال اگر 5 قرار دهیم، اعداد پنج تایی اضافه می شوند.
outocomplete : مشخص می کند، داده ای را از قبل در خود نگهداری نکند.
list : شامل گزینه های از پیش تعریف شده برای input، در تگ <datalist> می باشد.
<textarea> : برای ایجاد یک بخش برای وارد کردن متن می باشد.مانند:آدرس، نظرات و... دارای دو صفت rows و cols می باشد.
<select> : برای ایجاد منوهای بازشونده می باشد. و برای ایجاد آیتم های منو از تگ <option> استفاده می شود.دارای این صفات می باشد :
<datalist> : برای ایجاد لیستی از داده ها می باشد، و برای ایجاد آیتم های لیست از تگ <option> استفاده می شود.
<lable> : قرار دادن برچسب برای input ها می باشد.
<button> : برای ایجاد دکمه استفاده می شود.با استفاده از صفت type می توانیم نوع دکمه را مشخص کنیم. این تگ دارای مقادیر submit برای ارسال داده ها، reset برای تنظیم مجدد و button که برای ایجاد یک دکمه ساده می باشد.
ممنون که تا اینجا با ما همراه بودید،برای یادگیری نکات بیشتر و درک بهتر مطالب می توانید ویدئو آموزشی این بخش را مشاهده کنید.
سلام خسته نباشید خیلی عالی فقط صفت step هست شما اشتبا تایپی نوشتین stept ولی در کل بسیار ممنون فقط خواستم بگم که درستش کنید
سلام دوست عزیز، خیلی خوشحال هستیم که ما را دنبال میکنید و اینقدر با دقت آموزش ها را مشاهده میکنید، ممنون از توجهتون.
بسیار جامع و کامل توضیح داده شده، خیلی ممنون
بسیار متشکرم از توضیحات عالی شما یک سؤال چطور میتوان به تمرینات دسترسی پیدا کنم چون تا به الان درس 11 فقط به یک تمرین برخوردم که آن هم تعغیر متن بود.مرسی
سلام نادر جان، شما می توانید درس اخر را دانلود کنید تمامی تمرین ها آنجا برایتان آمده است.