فرم - تگ های Form , Input

7 / 10 از 5 کاربر

Forms

یک فرم HTML میتواند شامل چندین تگ input با انواع مختلف زیر باشد :

  • text fields
  • checkboxes
  • radio-buttons
  • submit buttons
  • و ...

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

  • select lists
  • textarea
  • fieldset
  • legend
  •  label
  • و ...

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

<form>
.
input elements
.
</form>

 Input

مهمترین تگ موجو در تگ <form> ، تگ input میباشد. از این تگ برای انتخاب اطلاعات کاربران استفاده میشود. تگ <input> با توجه به ویژگی type میتواند به روشهای مختلف مورد استفاده قرار گیرد.انواع مختلفی که تگ <input> میتواند بگیرد شامل مقادیر زیر است.

  • text field
  • checkbox
  • password
  • radio button
  • submit button
  • و ...


Text Fields

بیشترین و رایج ترین نوع مورد استفاده  "type="text میباشد.
<input type="text"> یک فیلد یک خطی ، که کاربر میتواند داخل آن اطلاعات وارد کند را تعریف میکند.

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

Password Field
<input type="password"> یک فیلد مانند فیلدهای پسورد تعریف میکند.مقادیری که در این فیلد نمایش داده میشون به صورت ستاره یا دایره نشان داده میشوند.

<form>
Password: <input type="password" name="pwd">
</form>

Radio Buttons
<input type="radio"> برای کاربران مشخص میکند که تنها یک گزینه را میتوانند انتخاب کنند.

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>


Checkboxes
<input type="checkbox"> برای کاربران مشخص میکند که صفر یا گزینه های دیگری را انتخاب کنند.

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>

Submit Button


<input type="submit"> برای فرستادن اطلاعات فرم به سرور به کار میرود.

<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

Reza :
6 1
سلام . خیلی خوب فقط کاشکی بعضی بخش ها که یکم گیج کنندس مثال هاشو توضیح میدادید یا یک مثالی قرار میدادید که بشه ازش خروجی دید . مثلا همین دکمه من نمیتونم ازش خروجی ببینم میدونم چه کاری انجام میده ولی بهتر بود یک مثال قرار میدادی که خروجی بهمون نشون میداد . با تشکر
عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*