سیر تا پیاز فرم ها در HTML

910

0

فرم ها در html

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

یکی از مهم ترین بخش های 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>
فرم ها در HTML
فرم ها در HTML
تگ <input>

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

فیلد دریافت متن           <input type=”text”>
فیلد دریافت عدد           <input type=”number”>
فیلد دریافت ایمیل           <input type=”email”>
فیلد دریافت گذرواژه <input type=”password”>
ایجاد کلید ثبت نهایی و…           <input type=”submit”>

تگ <input> ویژگی های دیگری مانند دکمه های معمولی یا دکمه های رادیویی (radio) نیز دارد که می توانید آنها را نیز در قالب فرم خود بکار ببرید.

برای توضیحات بیشتر و مشاهده نحوه استفاده از این تگ ها می توانید به فیلم آموزشی که در بالا قرار داده شده است رجوع کنید.

خب به پایان آموزش “فرم ها در HTML” رسیدیم. چنانچه ابهام، اشکال و ایرادی داشتید می توانید در بخش نظرات مطرح نمایید.

مهندس محسن صادق نژاد

دبیر | مهندس نرم افزار دانشگاه شهید رجایی

2سال در کنار تاتژن

guest
0 Comments
Inline Feedbacks
View all comments