آموزش زبان HTML | تگ های Form , Input

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

اعضای شبکه مشاوران در حوزه «برنامه‌نویسی، وب و امنیت سایبری»

All Locations ایران— تهران— آذربایجان غربی— مازندران— اصفهان— آذربایجان شرقی— کردستان— گیلان— البرز— خراسان شمالی— کرمانشاه— لرستان— فارس— قزوین— سمنان— همدان— خراسان رضویترکیه— استانبول— آنکاراامارات— ابوظبی— دبیآلمان— راینلاند فالتس— برلین— بایرنآمریکا— تگزاس

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

• 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>