همه جا بدرد بخور، تگ “from”!

در اکثر سایت ها، یک فرم ثبت نام یا عضویت دوباره یا نظرسنجی یا غیره، وجود دارد؛ تگ “form”، مسئولیت جمع بندی سوال ها را دارد. فرم ثبت نام مثل زیر را، کاملا بر اساس تجربه زدند، کامل به جزئیاتش دقت کنید و سعی کنید با تغییر اونها، یک روش جدید باز کنید! سه فرم ثبت نام، انتخاب و علاقه مندی رو براتون به ترتیب قرار دادیم!

تگ های دیگه که مخصوص تگ “form” هستند!

• <input type="button"> : دکمه‌ای برای کلیک
• <input type="checkbox"> : گزینه‌ای برای انتخاب
• <input type="color"> : دریافت کد رنگی
  • <input type="date"> : دریافت تاریخ
• <input type="datetime-local"> : دریافت تایم دقیق
• <input type="email"> : ورودی ایمیل
• <input type="file"> : ورودی فایل
• <input type="hidden"> : چیزی مثل پسورد ها که به عنوان نقطه، نوشته می‌شود
• <input type="image"> : ورودی عکس
• <input type="month"> : ورودی ماه های میلادی
• <input type="number"> : دریافت عدد
• <input type="password"> : ورودی پسورد
• <input type="radio"> : هرچیزی ممکن است باشد!
• <input type="range"> : دریافت بازه عددی
• <input type="reset">
• <input type="search"> : چیزی مثل نوار سرچ گوگل
• <input type="submit"> : دکمه ثبت
• <input type="tel"> : شماره تلفن
• <input type="text"> : دریافت متن (نام، فامیلی، نظر و غیره)
• <input type="time"> : یک فرمت دیگر از گرفتن زمان
• <input type="url"> : دریافت لینک
• <input type="week"> : دریافت روز هفته به انگلیسی

تگ های مهم fieldset و legend

در اکثر فرم هایی که با تگ “form” حتی در سایت نیستند و شما برگه فیزیکی تحویل میدید، از “border”ای استفاده می‌کنید که برای استفاده از اون در “html”، باید از تگ “fieldset” استفاده کنید.

اون خطی که دور فرم هست، بخاطر تگ “fieldset” هست و اون متنی که در وطر اون خط، خط رو شکاف داد، با عنوان “فرم ثبت نام”، کار تگ “legend” هست. وجود تگ “fieldset” برای عمل کردن تگ “legend” اجباریه اما اگر شما تگ “legend” رو نذارید، باز هم تگ “fieldset”، خط گذاریش رو می‌کنه!

درس شیرین تگ “form”!

مرسی که تا اینجا همراهی کردید، اگر می‌خواهید دوباره پست هامون رو بخونید یا منتظر پست های جدید باشید! در واقع در این سری، قراره دونه به دونه تگ هارو بررسی کنیم. تا بتوانید با تک مقاله های کوتاه که قابلیت خوانش سریع را دارند، تگ ها را به سبک سایت “W3School” یاد بگیرید، اون هم به زبان فارسی! پس برای یادگیری تگ های بیشتر، روی اینجا کلیک کنید؛ و اگر حس می کنید نیاز به آموزش تگ بعدی دارید، اینجا را کلیک کنید.

راستی، اگر به دنبال آموزشات بیشتر در این زمینه هستید و می‌خواهید به یکی از افراد دانای این جامعه تبدیل بشید! یا بقیه تگ ها رو دنبال یا برای ما در نظرات بنویسید تا بخش های دیگر مربوط به “html” را برای شما توضیح بدهم. فرصت های شغلی در این زمینه کم است ولی هر فرد سایت دار، حتی اگر سایتش وردپرسی باشد! باید مقداری با این مورد آشنا باشد تا بتواند توانایی حل مسئله در دنیای خارج وردپرسی را داشته باشد.