فرم های html
فرم های html را چطور بنویسیم؟
آموزش فرم های html درس اول
عنصر <form>
فرم های html : عنصر <form> یک فرم را تعریف می کند که برای جمع آوری اطلاعات ورودی کاربر استفاده می شود:
[php]
<form>
.
form elements
.
</form>
[/php]
یک فرم HTML حاوی عناصر فرم است.
عناصر فرم انواع مختلفی از عناصر ورودی مانند فیلدهای متن، جعبه چک، دکمه های رادیویی، دکمه ارسال و غیره است.
درس بعدی : عناصر فرم های html را از اینجا بخوانید.
عنصر <input>
عنصر <input> مهمترین عنصر فرم است.
عنصر <input> می تواند با توجه به نوع ویژگی به روش های مختلف نمایش داده شود.
در اینجا چند نمونه است:
Type |
Description |
<input type="text"> |
Defines a one-line text input field |
<input type="radio"> |
Defines a radio button (for selecting one of many choices) |
<input type="submit"> |
Defines a submit button (for submitting the form) |
ورودی متن
<input type = "text">
یک فیلد ورودی یک خط برای ورود متن را تعریف می کند:
مثال :
[php]
<form>
First name:
<input type="text" name="firstname">
Last name:
<input type="text" name="lastname">
</form>
[/php]
توجه: فرم خود قابل مشاهده نیست همچنین توجه داشته باشید که عرض پیش فرض یک فیلد متنی 20 کاراکتر است.
ورودی دکمه رادیویی
<input type = "radio">
یک دکمه رادیویی را تعریف می کند.
دکمه های رادیویی به کاربر اجازه می دهد یکی از تعداد محدود از گزینه ها را انتخاب کند:
مثال :
[php]
<form>
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
<input type="radio" name="gender" value="other"> Other
</form>
[/php]
دکمه ارسال یا submit
<input type = "submit">
یک دکمه را برای ارسال اطلاعات فرم به یک form-handler تعریف می کند.
form-handler معمولاً یک صفحه سرور با یک اسکریپت برای پردازش داده های ورودی است.
form-handler در action attribute فرم مشخص شده است:
مثال:
[php]
<form action="/action_page.php">
First name:
<input type="text" name="firstname" value="Mickey">
Last name:
<input type="text" name="lastname" value="Mouse">
<input type="submit" value="Submit">
</form>
[/php]
Action Attribute
Action Attribute زمانی که فرم های html ارسال می شود عملی را برای انجام تعریف می کند.
به طور معمول، زمانی که کاربر بر روی دکمه ارسال کلیک می کند، اطلاعات فرم به یک صفحه وب در سرور ارسال می شود.
در مثال بالا، داده های فرم به یک صفحه در سرور به نام “/action_page.php” ارسال می شود. این صفحه شامل یک اسکریپت سمت سرور است که به داده های فرم دسترسی دارد.
[php]
<form action="/action_page.php">
[/php]
اگر Action Attribute حذف شود، Action بر روی صفحه فعلی یا آخرین صفحه تنظیم می شود.
The Target Attribute
ویژگی target مشخص می شود اگر نتایج ارسال شده تب جدید، یک فریم یا پنجره آخر از مرورگر را باز کند. مقدار پیش فرض “self_” است به این معنی است که فرم در پنجره فعلی ارسال خواهد شد. برای اینکه باز شدن نتایج فرم را در تب جدید مرورگر ایجاد کنیم، از مقدار “blank_” استفاده می کنیم:
[php]
<form action="/action_page.php" target="_blank">
[/php]
Method Attribute
method attribute روش HTTP را مشخص می کند ( GET یا POST ) هنگامی که داده ها ارسال می شوند استفاده می شود:
[php]
<form action="/action_page.php" method="get">
[/php]
[php]
<form action="/action_page.php" method="post">
[/php]
چه موقع از GET استفاده می کنیم؟
روش پیش فرض هنگام ارسال اطلاعات فرم Get است.
با این حال، هنگامی که GET استفاده می شود، داده های ارسال شده فرم های html در قسمت آدرس صفحه قابل مشاهده خواهد بود:
[php]
/action_page.php?firstname=Mickey&lastname=Mouse
[/php]
توجه داشته باشید GET نباید هنگام ارسال اطلاعات حساس استفاده شود. GET برای مقادیر کوتاه و غیر حساس، مناسب است، زیرا محدودیت های اندازه نیز دارد.
چه موقع از POST استفاده می کنیم؟
اگر اطلاعات فرم حاوی اطلاعات حساس یا شخصی است همیشه از POST استفاده کنید. روش POST داده های فرم ارسال شده در فیلد آدرس صفحه را نشان نمی دهد.
POST هیچ محدودیتی در اندازه ندارد و می تواند برای ارسال مقادیر زیاد داده ها استفاده شود.
Name Attribute
هر فیلد ورودی باید یک name attribute برای ارسال داشته باشد.
اگر name attribute حذف شود، داده های فیلد ورودی اصلاً ارسال نمی شود.
این مثال فقط فیلد ورودی “Last name” را ارسال خواهد کرد.
مثال :
[php]
<form action="/action_page.php">
First name:
<input type="text" value="Mickey">
Last name:
<input type="text" name="lastname" value="Mouse">
<input type="submit" value="Submit">
</form>
[/php]
گروه بندی داده های فرم با <fieldset>
عنصر <fieldset> برای گروه بندی داده های مرتبط در یک فرم استفاده می شود.
عنصر <legend> یک عنوان را برای عنصر <fieldset> تعریف می کند.
مثال :
[php]
<form action="/action_page.php">
<fieldset>
<legend>Personal information:</legend>
First name:
<input type="text" name="firstname" value="Mickey">
Last name:
<input type="text" name="lastname" value="Mouse">
<input type="submit" value="Submit">
</fieldset>
</form>
[/php]
دیدگاهتان را بنویسید