خانه / آموزش HTML / بخش سی و سوم-عناصر فرم HTML
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۱۱ آذر ۱۳۹۷ تعداد بازدید : 8 بازدید بدون دیدگاه

بخش سی و سوم-عناصر فرم HTML

قدم قبلی >< قدم بعدی

عناصر فرم HTML

در این آموزش html به معرفی عناصر فرم HTML می پردازیم.

در این فصل تمام عناصر فرم HTML را معرفی میکنیم.

عنصر input

مهمترین عنصر فرم، عنصر <input> است.

عنصر <input> می تواند به روش های مختلف نمایش داده شود، بسته به نوع ویژگی.

اگر نوع ویژگی حذف شود، فیلد ورودی نوع پیش فرض را می گیرد: “text”.

تمام انواع ورودی های مختلف در فصل بعدی پوشش داده می شود.

عنصر select

عنصر <select> یک لیست کشویی را تعریف می کند:

عناصر <option> گزینه ای را انتخاب می کنند که می تواند انتخاب شود.

به طور پیش فرض، اولین مورد در لیست کشویی انتخاب شده است.

برای تعریف یک گزینه پیش انتخاب شده، ویژگی انتخاب شده را به گزینه اضافه کنید:

ارزش قابل مشاهده:

از مقدار اندازه برای مشخص کردن تعداد مقادیر قابل مشاهده استفاده کنید:

اجازه انتخاب چندگانه:

از ویژگی چند استفاده کنید تا کاربر بتواند بیش از یک مقدار را انتخاب کند:

عنصر textarea

عنصر <textarea> یک فیلد ورودی چند خط (یک منطقه متن) را تعریف می کند:

مقدار ردیف تعداد قابل مشاهده خطوط را در یک منطقه متن مشخص می کند.

خصیصه cols مشخص عرض عرض یک ناحیه متن را مشخص می کند.

این چگونگی کد HTML بالا در مرورگر نمایش داده می شود.

شما همچنین می توانید با استفاده از CSS اندازه منطقه متن را تعریف کنید:

عنصر button

عنصر <button> یک دکمه قابل کلیک را تعریف می کند:

این چگونگی کد HTML بالا در مرورگر نمایش داده می شود:

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

عناصر فرم HTML5

HTML5 عناصر فرم زیر را اضافه کرد:

  • <datalist>
  • <output>

توجه: مرورگرها عناصر ناشناخته را نمایش نمی دهند. عناصر جدید که در مرورگرهای قدیمی پشتیبانی نمی شوند صفحه وب شما را نابود خواهند کرد.

عنصر datalist 

عنصر <datalist> یک لیست از گزینه های از پیش تعریف شده برای یک عنصر <input> را مشخص می کند.

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

خصیصه لیست عنصر <input> باید به عنصر id عنصر <datalist> اشاره کند.

عنصر output

عنصر <output> نتیجه نتیجه یک محاسبه است (مثل یک انجام شده توسط یک اسکریپت).

 

گام قبلی >< گام بعدی
بخش سی و سوم-عناصر فرم HTML
لطفا امتیاز بدهید

لینک کوتاه این مطلب: https://tiktheme.com/?p=12038


کانال تلگرام تیک تم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *