میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

فرم در HTML قسمت دوم

فرم در HTML

با عرض سلام و خسته نباشید خدمت تمام کاربران عزیز و  برنامه نویسان گرامی امروز با مبحث فرم در HTML  قسمت دوم در خدمت شما دوستان عزیز خواهیم بود  برای اینکه  بتونین دیگر مباحث مربوط به برنامه نویسی HTML رو مشاهده کنید میتونین از این لینک اقدام نمائید  .

 

 

دکمه های رادیویی  Radio Buttons

<input type = “radio”>  یک دکمه رادیو را تعریف می کند
دکمه های رادیویی به کاربر اجازه می دهد یکی از تعداد محدودی گزینه را انتخاب کند.

<form>
<input type=”radio” id=”male” name=”gender” value=”male”>
<label for=”male”>مرد</label><br>
<input type=”radio” id=”female” name=”gender” value=”female”>
<label for=”female”>زن</label><br>
</form>

نتیجه در مرورگر :


 

چک باکس Checkboxes

<input type = “checkbox”> کادر تأیید را مشخص می کند.
کادرهای تأیید به کاربر اجازه می دهند گزینه های صفر یا بیشتر از تعداد محدودی گزینه را انتخاب کند.

 

<form action=”/action_page.php”>
<input type=”checkbox” id=”vehicle1″ name=”vehicle1″ value=”Bike”>
<label for=”vehicle1″>java</label>
<input type=”checkbox” id=”vehicle2″ name=”vehicle2″ value=”Car”>
<label for=”vehicle2″>css</label>
<input type=”checkbox” id=”vehicle3″ name=”vehicle3″ value=”Boat”>
<label for=”vehicle3″>Html</label>
</form>

نتیجه در مرورگر :



 

 

دکمه ارسال Submit Button

<input type = “submit”> دکمه ای را برای ارسال داده های فرم به یک فرم دهنده کنترل می کند.

<form action=”/action_page.php”>
<label for=”fname”>نام</label>
<input type=”text” id=”fname” name=”fname” value=”محمد”>
<label for=”lname”>نام خانوادگی</label>
<input type=”text” id=”lname” name=”lname” value=”علیپور”>
<input type=”submit” value=”Submit”>
</form>

نتیجه در مرورگر :




 

 

صفت Name  برای نگ  input

توجه داشته باشید که هر قسمت ورودی باید دارای ویژگی Name باشد تا فرم در HTML ارسال شود.
اگر ویژگی Name حذف شود ، مقدار فیلد ورودی اصلاً ارسال نمی شود.
مثال زیر  مقدار فیلد ورودی “First name” را ارسال نمی کند.

<form action=”/action_page.php”>
  <label for=”fname”>نام</label>
  <input type=”text” id=”fname” value=”علی”>
  <input type=”submit” value=”Submit”>
</form>

 

 

امیدواریم این بخش از آموزش در مورد فرم در HTML و دکمه های رادیویی (Radio Buttons) و چک باکس ها (Checkboxes) و دکمه ارسال ( Submit Button ) نیز برای شما مفید واقع شده باشد و ما را در تلگرام و اینستاگرام دنبال کنید .

ارسال دیدگاه

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

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟