با سلام خدمت همراهان گرامی وبسایت پرنیان طرح
در این مطلب با آموزش تگ 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