Html

|

اموزش فرم

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

اگر در صفحه ای بخواهیم از کاربر اطلاعاتی دریافت کنیم از فرم استفاده میکنیم.

فرم برای انتقال اطلاعات بین کاربر و مدیر سایت می باشد که به یک آدرس مشخص اطلاعات ارسال می شود.

<form>
<form/>

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

هر فرم می تواند شامل text field ، text area ، radio buttom ، منوهای کشویی ، چک باکس و ... باشد.

لیست زیر مشخصه های پر استفاده در تگ فرم است:

Action:

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

Action به این صورت کار می کند که زمانی که کاربر اطلاعات را وارد و سپس دکمه ارسال را کلیک کرد صفحه action برای پردازی اطلاعات باز خواهد شد.

Method :

Action مقصد اطلاعات را مشخص میکند و method شیوه ارسال را مشخص میکند این خاصیت به 2 شکل get و post می باشد.

Get : این مشخصه به صورت پیش فرض است. در این متد اطلاعات در نوار مرورگر قابل مشاهده هستند و برای ارسال های کوتاه و یا با حساسیت کمتر استفاده میشود.

Post : در این متد اطلاعات دور از چشم کاربر به سرور ارسال می شود و برای مقادیر طولانی ، اطلاعات حساب کاربری ، ... کاربرد دارد. امنیت این روش نسبت به get بیشتر است.

Name : نام منحصر به فرد برای فروم

Target : این مشخصه نحوه باز شدن صفحه پردازش گر را نشان میدهد ( اگر یادتون باشه در آموزش لینک دادن هم این مبحث را دوره کردیم)

blank_ : در یک صفحه ی جدید باز می شود.

self_ : صفحه Action در فریمی که فرم در آن قرار دارد باز میشود.

parent_ : در frameset محتوی فرم باز خواهد شد.

همان طور که در ابتدا هم به آن اشاره کردیم تگ فرم به تنهایی معنایی ندارد بلکه با کمک تگ ها و خاصیت های دیگر است که معنا پیدا میکند.

تگ Input : برای درست کردن دکمه های رادیویی ، متن کوتاه ، دکمه ارسال ، فیلد کلمه عبور ، فیلد آپلود فایل و ... کاربرد دارد.

تگ input با تنظیم کردن type های مختلف برای آن میتوان از قابلیت های تعاملی آن استفاده کرد.

<form action="user/comment/get.php" method="get">
<input type="button" />
<input type="checkbox" />
<input type="hidden" />
<input type="password" />
<input type="submit" />
<input type="text" />
</form>

تگ select :

این تک در کنار تگ option قابلیت ایجاد منوهای باز شونده و انتخاب یک یا چند مورد را فراهم می کند، تگ select باید به صورت جفتی استفاده شود.

<form action="user/comment/get.php" method="get">
<select name="select-option">
<option value="0" selected="selected">انتخاب کنید</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>

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

<form action="user/comment/get.php" method="get">
<select name="select-option[]" multiple="multiple">
<option value="0" selected="selected">انتخاب کنید</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>

تگ text area:

برای ورود متن های طولانی استفاده میشود و باید به صورت جفتی استفاده شود. این تگ برای وارد کردن یادداشت ، ارسال مطالب و ... کاربرد دارد.

<form action="user/comment/get.php" method="get">
<textarea name="your-text" cols="50" rows="8">
متن خود را اینجا بنویسید
</textarea>
</form>

اموزش html مبتدی آموزش html html

دریافت آخرین مطالب وبلاگ در کانال داتینه

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
نظر بدهید