سیر تا پیاز فرم ها در HTML
مهندس محسن صادق نژاد
این پست با مسیر متخصص HTML مرتبط است. مشاهده مسیر (Roadmap)
یکی از مهم ترین بخش های HTML فرم ها و کاربرد آنهاست. در این ویدئو سعی کردیم تمام کارکرد های فرم ها در HTML را بررسی و آموزش دهیم. تا انتهای این ویدئو و آموزش متنی با ما همراه باشید.
ویدیوی آموزشی :
چنانچه فرصت تماشای ویدئوی فوق را ندارید، یا از حوصله شما خارج است، در ادامه با ما همراه باشید.
آموزش متنی فرم های HTML :
کار با فرم ها در HTML
از فرم ها برای ارسال اطلاعات دریافتی از کاربر، به سمت سرور استفاده می‌شود. می توان گفت که فرم ها پل ارتباطی بین HTML و زبان‌های سمت سرور هستند.
برای استفاده و کار کردن با فرم ها باید از تگ <form> در داخل تگ<body> استفاده کنیم. محتوای یک فرم شامل عناصری ورودی شامل فیلدهای متنی، چک باکس ها، رادیو باتن‌ها و…می‌باشد.
تگ <label>
برای قرار دادن یک برچسب و یا یک لِیبلی بر روی فرم ها استفاده می‌شود. با این کار، کاربر را درباره فیلد پیش رویش آگاه می سازیم و مشخص می کنیم که چه اطلاعاتی قرار است وارد کند.
<html>
<head>
<meta charset="utf-8">
<title>Tutsxen</title>
</head>
<body dir="rtl">
<form>
</label> نام و نام خانوادگی:label>>
</form>
</body>
تگ <input>
از مهمترین تگ هایی که برای یک فرم استفاده می‌شود و عمل های خاصی انجام می‌دهد. نحوه استفاده از آن و کارهایی که می توان با این تگ انجام داد را در جدول پایین قرار داده ایم:
| فیلد دریافت متن | <input type=”text”> |
| فیلد دریافت عدد | <input type=”number”> |
| فیلد دریافت ایمیل | <input type=”email”> |
| فیلد دریافت گذرواژه | <input type=”password”> |
| ایجاد کلید ثبت نهایی و… | <input type=”submit”> |
تگ <input> ویژگی های دیگری مانند دکمه های معمولی یا دکمه های رادیویی (radio) نیز دارد که می توانید آنها را نیز در قالب فرم خود بکار ببرید.
برای توضیحات بیشتر و مشاهده نحوه استفاده از این تگ ها می توانید به فیلم آموزشی که در بالا قرار داده شده است رجوع کنید.
خب به پایان آموزش “فرم ها در HTML” رسیدیم. چنانچه ابهام، اشکال و ایرادی داشتید می توانید در بخش نظرات مطرح نمایید.
مهندس محسن صادق نژاد
دبیر | مهندس نرم افزار دانشگاه شهید رجایی
