فرم ها و فیلدهای ورودی، تصاویر، صدا و ویدیو

دسته بندی: آموزش
زمان مطالعه: ۲ دقیقه
۲۲ دی ۱۳۹۳

در جلسه امروز به مباحث مهمی مثل فرم های html و تگ های و فیلدهای ورودی، تصاویر، صدا و ویدیو در HTML اشاره و اونها رو تدریس میکنیم. این جلسه خیلی مهم هست. پس حتما تگهایی که تدریس میشه به اضافه ی کاربرد و نکاتی که در موردشون میگیم رو خوب به یاد داشته باشید و تمرین کنید ...

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

  • تگ <form> و کاربردهای آن
  • تگ <input> و کاربردهای آن
  • انواع مختلف فیلد های موجود در فرم ها
  • فیلد و ورودی button
  • فیلد و ورودی checkbox
  • فیلد و ورودی color
  • فیلد و ورودی date
  • فیلد و ورودی datetime
  • فیلد و ورودی datetime-local
  • فیلد و ورودی email
  • فیلد و ورودی file
  • فیلد و ورودی hidden
  • فیلد و ورودی image
  • فیلد و ورودی month
  • فیلد و ورودی number
  • فیلد و ورودی password
  • فیلد و ورودی radio
  • فیلد و ورودی range
  • فیلد و ورودی reset
  • فیلد و ورودی search
  • فیلد و ورودی submit
  • فیلد و ورودی tel
  • فیلد و ورودی text
  • فیلد و ورودی time
  • فیلد و ورودی url
  • فیلد و ورودی week
  • تگ <textarea> و کاربردهای آن
  • تگ <button> و کاربردهای آن
  • تگ <select> و کاربردهای آن
  • تگ <optgroup> و کاربردهای آن
  • تگ <option> و کاربردهای آن
  • تگ <label> و کاربردهای آن
  • تگ <fieldset> و کاربردهای آن
  • تگ <legend> و کاربردهای آن
  • تگ <datalist> و کاربردهای آن
  • تگ <keygen> و کاربردهای آن
  • تگ <output> و کاربردهای آن
  • تگ <img> و کاربردهای آن
  • تگ <map> و کاربردهای آن
  • تگ <area> و کاربردهای آن
  • تگ <figure> و کاربردهای آن
  • تگ <figcaption> و کاربردهای آن
  • تگ <canvas> و کاربردهای آن
  • تگ <audio> و کاربردهای آن
  • تگ <video> و کاربردهای آن
  • تگ <source> و کاربردهای آن
  • تگ <track> و کاربردهای آن
:: توجه

این مطلب یک جلسه از آموزش طراحی وب سایت می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش طراحی وب سایت

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

Mohammad

سلام و خسته نباشید در تگ input و اتریبیوت type قسمت date رو که اضافه می کنیم تاریخ میلادی هستش ، چطوری می تونیم اون رو شمسی کنیم؟
با احترام فراوان

Mohammad

جوابم رو دیدم ممنون 😀

alireza nejati

سلام.

در اون بخش که به وسیله سایت map generator به عکس مختصات میدیم و کدش رو کپی میکنیم ، زمانی مختصاتی که سایت به ما میده درست در میاد که به عکسمون style نداده باشیم وقتی width & height عکس رو تغییر میدیم دیگه اون مختصات به درستی کار نمیکنه!!!

چه کار باید کرد ؟

صمد سپهری

سلام خسته نباشین
تو تگ input من از required استفاده میکنم ولی تو صفحه وب اجرا نمیشه.مشکل از کجاست؟

Mostafa Yeganeh

سلام آقای آوند
اگه تایپ اینپوت رو فایل قرار بدیم می تونیم همه نوع فایلی رو آپلود کنیم
میخواستم بدونم چطور میشه فقط اجازه داد که کاربر فقط یک فرمت خاص رو آپلود کنه یا مثلا نتونه فرمت js رو آپلود کنه
ممنونم

کیوان علی محمدی

سلام بله می تونیم هر فایلی آپلود کنیم. در html5 میشه این مورد رو اضافه کرد که فایل با فرمت های خاصی انتخاب بشه ولی در نهایت اعتبار سنجی نوع فایل ها در کدهای سمت سرور مثل php انجام میشه.

Ali Ghorbani

با عرض سلام من نمیتونم فایل های این جلسه رو دانلود کنم.
لطفا چک کنید.

مصطفی قدیمی

سلام موردی نیست لطفا دوباره بررسی کنید

سورنا تیموری

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

مصطفی قدیمی

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

متین نوروزی

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

Mohammad Enayati

سلام استاد
امکان داره بفرمایید چطور میشه در فرم ها بجای انتخاب تاریخ میلادی، تاریخ شمسی انتخاب کرد؟
ممنون

لقمان آوند

از پلاگین های آماده جی کوئری استفاده کنید

Reza Moradi

سلام و خسته نباشید
اگر بخوایم اطلاعات فرم به یه آدرسی ایمیل بشن چیکار باید انجام بدیم؟
ممنون

لقمان آوند

از تابع mail در php باید استفاده کنید.

Aria Banazadeh

تایپ hidden رو خوب با ویژگی های css هیدنش کنیم چرا از این type استفاده کنیم
؟
و ی سوال دیگه چطوری میتونیم اون دکمه های زیاد کردن و کم کردن 1 دونه ای عدد رو از کنار input عددی ور داریم؟

لقمان آوند

سلام
از فیلدهای hidden برای ارسال بعضی داده ها در پس زمینه استفاده میشه.
خوب یه input ساده text استفاده کنید

لقمان آوند

خوب اونطوری دو فرم جدا دارید که باید جداگانه سابمیت شن…

لقمان آوند

اطلاعات به صورت پیش فرض به آدرسی که در اکشن فرم تعین کردید ارسال میشه و جای دیگه نمیره

Aria Banazadeh

از روشی که ایشون گفتن نمیشه؟

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل