فرم - تگ های 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 :
7 1
سلام . خیلی خوب فقط کاشکی بعضی بخش ها که یکم گیج کنندس مثال هاشو توضیح میدادید یا یک مثالی قرار میدادید که بشه ازش خروجی دید . مثلا همین دکمه من نمیتونم ازش خروجی ببینم میدونم چه کاری انجام میده ولی بهتر بود یک مثال قرار میدادی که خروجی بهمون نشون میداد . با تشکر
عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*
دانلود فایل آموزش html بصورت word

دانلود فایل آموزش html بصورت word

دانلود فایل آموزش html بصورت فایل word گردآوری شده از مقالات سایت بصورت یک جا آماده ی دانلود می باشد. این فایل به دلیل فرمت باز بودن word آن، مناسب برای تحقیق ها و تغییرات دلخواه می باشد. تمامی مقال ...
دانلود فایل آموزش html بصورت pdf

دانلود فایل آموزش html بصورت pdf

دانلود فایل آموزش html بصورت فایل pdf گردآوری شده از مقالات سایت بصورت یک جا آماده ی دانلود می باشد. تمامی مقالات وب سایت پارس سافت در زمینه ی آموزش html بنا به درخواست کاربران عزیز، بصورت یک جا در ی ...
نویسنده : بهاره شکری
تاریخ انتشار : 09/05/1392
تعداد بازدید : 12895