📞 02166056460

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

7 / 10
از 5 کاربر
بازگشت به لیست مقالات » | چهارشنبه 28 مرداد 1405 در ساعت 10 و 26 دقیقه | نظرات کاربران ( 1 )

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

سایر مقالات

7 / 10
از 5 کاربر
فرم - تگ های Select , Option , Optgroup

فرم - تگ های Select , Option , Optgroup

تگ <select> از تگ select برای ایجاد یک لیست drop-down میتوان استفاده کرد. با تگ opt ...
فرم - تگ های Button , Label , Textarea

فرم - تگ های Button , Label , Textarea

تگ <label> تگ label برای تعریف یک برچسب بکار میرود. <input> element <form action ...
فرم - تگ های Form , Input

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

Forms یک فرم HTML میتواند شامل چندین تگ input با انواع مختلف زیر باشد : text fields checkboxes ...
تگ فریم Frame , iFrame , Frameset

تگ فریم Frame , iFrame , Frameset

تگ frame تگ <frame> در  HTML5 پشتیبانی نمیشود. برای هر تگ frame در تگ frameset ...
تگ مولتیمدیا Object , Param

تگ مولتیمدیا Object , Param

 تگ object از تگ object  برای استفاده از چندرسانه ای ها مانند : audio, video, J ...
تگ جدول بندی Table , Td , Tr

تگ جدول بندی Table , Td , Tr

تگ <table>  تگ table برای تقسیم بندی متن به چند بخش و جدول بندی سایت استفاده میشود. ...
تگ لیست Ul , Li

تگ لیست Ul , Li

تگ <ul> یکی دیگر از مهمترین تگهای اچ تی ام ال در طراحی قالب سایت ، تگ ul و ترکیب آن با ت ...
عکس محدوده ای Map , Area

عکس محدوده ای Map , Area

تگ <map> از تگ map برای تعریف یک image-map  سمت سرویس گیرنده (client-side ...
تگ محدوده فضا Div

تگ محدوده فضا Div

تگ div تگ div از پر کاربردترین تگ ها در طراحی وب سایت میباشد، این تگ جایگزین بسیار خوبی برای ت ...
تگ محدوده متن Span

تگ محدوده متن Span

تگ span تگ span برای متن های کوتاه استفاده می شود. ولی ترجیحا از این تگ بهتر است استفاده نشود. زما ...
⏳ در حال پردازش...
لطفا صبر کنید