ساختن form در html

بهاره حسنیبهاره حسنی
193 بازدید
forms

برای گرفتن ورودی از سمت کاربر از تگ form استفاده میکنیم.

تگ <input> مهم ترین تگ موجود در تگ form است و انواع مختلفی دارد که هرکدام کارایی خاص خود را دارد.

با سلام خدمت همراهان گرامی وبسایت پرنیان طرح

در این مطلب با آموزش تگ form و تمامی عنصر موجود در آن همراه ما باشید.

معرفی تگ Form:

عنصر form در html یک فرم برای گرفتن ورودی و اطلاعات از سمت کاربر است.

تگ <Form> در html شامل المان های فرم است.

المان های Form انواع گوناگونی دارد همانند فیلد های نوشتن ، چک باکس ها ، رادیو باتن ها ، دکمه های سابمیت و ….

عنصر input:

عنصر input مهم ترین عنصر در تگ Form میباشد.

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

-text input: این نوع مشخص میکند که فیلد input دارای یک خط متن است.

مثال:

[php]

<form>
First name:<br>
<input type=”text” name=”firstname”>
<br>
Last name:<br>
<input type=”text” name=”lastname”>
</form>

[/php]

-radio button input: این مقدار رادیو باتن را در فرم نمایش میدهد.

در این نوع امکان انتخاب تنها یک گزینه را داریم وقتی انتخاب میکنیم گزینه دیگری را همزمان نمیتوان انتخاب نمود.

مثال:

[php]

<form>
<input type=”radio” name=”gender” value=”male” checked> Male<br>
<input type=”radio” name=”gender” value=”female”> Female<br>
<input type=”radio” name=”gender” value=”other”> Other
</form>

[/php]

-submit button: 

یک دکمه برای تایید کردن فرم است و با زدن این دکمه اطلاعات کاربر به سرور ارسال میشود.

[php]

<form action=”/action_page.php”>
First name:<br>
<input type=”text” name=”firstname” value=”Mickey”>
<br>
Last name:<br>
<input type=”text” name=”lastname” value=”Mouse”>
<br><br>
<input type=”submit” value=”Submit”>
</form>

[/php]

صفت action:

صفت action عملیات ارسال فرم را هنگامی که دکمه ی submit فرم را میزنیم انجام میدهد.

[php]

<form action=”/action_page.php” target=”_blank”>
First name:<br>
<input type=”text” name=”firstname” value=”Mickey”>
<br>
Last name:<br>
<input type=”text” name=”lastname” value=”Mouse”>
<br><br>
<input type=”submit” value=”Submit”>
</form>

[/php]

صفت method:

نحوه ارسال داده های فرم را به سرور مشخص میکند.

به دو صورت میتوان فرم را ارسال کرد مقدار های post و get درون صفت method استفاده میکنیم.

-مقدار GET: هنگام ارسال ، اطلاعات را در نوار آدرس مرورگر نمایش میدهد.

-مقدار POST: با این مقدار امنیت اطلاعات حفط میشود و اطلاعات ارسالی در نوار آدرس مرورگر نمایش داده نمیشود.

مثال:

[php]

<form action=”/action_page.php” target=”_blank” method=”POST”>
First name:<br>
<input type=”text” name=”firstname” value=”Mickey”>
<br>
Last name:<br>
<input type=”text” name=”lastname” value=”Mouse”>
<br><br>
<input type=”submit” value=”Submit”>
</form>

[/php]

منبع : www.w3schools.com

دسته بندی آموزش html
اشتراک گذاری

نوشته های مرتبط

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

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

21+ محصولات
374+ سفارشات تکمیل شده
1860+ کاربران
396+ مطالب وبلاگ
سبد خرید

هیچ محصولی در سبد خرید نیست.

ورود به سایت