HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 1

FreeLearn20181@gmail.comhttps://free-learn.ir/

HTML در Input Elements عناصر ورودی یا

آشنا شدیم و اشاره کردم که در بخش بعدی یعنی همین Form تگ در بخش قبلی ما با عناصر قابل استفاده در آشنا خواهیم شد.HTML در Inputبخش ما بطور کامل با نوع های مختلف عناصر ورودی از نوع

HTML ها در فرم ها و بطور کلی در Input Elementsحال در این بخش بطور کامل میخواهیم با عناصر ورودی یا آشنا شویم و با آنها کار کنیم. لطفا در ادامه و تا پایان با من همراه باشید.

Textعنصر ورودی از نوع

اولین عنصر ورودی که میخواهیم باهاش آشنا شویم عنصر ورودی از نوع متن می باشد که البته در بخش های قبلی و در مثال هایی که بنده ارائه دادم ما به وضوح با این عنصر ورودی کار کردیم و نحوه استفاده از آن را نیز یاد

گرفتیم.

این عنصر ورودی از نوع متن تنها میتواند یک فیلد متنی با قابلیت دریافت یک خط متن از کاربر را ایجاد نماید ویکی از پراستفاده ترین و مهمترین عنصر ورودی در فرم ها می باشد.

1 <input type="text">

امتحان کنید

Passwordعنصر ورودی از نوع

HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 2

FreeLearn20181@gmail.comhttps://free-learn.ir/

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

متنی که درون فیلد پسورد قرار میگیرد قابل مشاهده نیست و معموال بصورت دایره های توپُر نمایش داده میشوند.

1 <input type="password">

امتحان کنید

Submitعنصر ورودی از نوع

عنصر ورودی سابمیت نیز یکی دیگر از عناصر ورودی در فرم ها می باشد، که در واقع این عنصر یک دکمه می باشدجهت ارسال اطالعات وارد شده در فرم ها به یک فایل و.. در سرور سایت مقصد.

1 <input type="submit" value="ارسال">

امتحان کنید

Resetعنصر ورودی از نوع

همانطور که از اسم این عنصر ورودی هم مشخصه ما با استفاده از آن میتوانیم یک فرم را ریست نماییم، این می باشد یعنی در واقع یک دکمه می باشد که با زدن آن تمامی اطالعات وارد شدهSubmitعنصر نیز همانند عنصر

در فرم ها پاک می شوند.

1 <input type="reset" value="پاک کردن">

امتحان کنید

Radioعنصر ورودی از نوع

HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 3

FreeLearn20181@gmail.comhttps://free-learn.ir/

دکمه های رادیویی دکمه هایی هستند که کاربر فقط و فقط قادر است یکی از گزینه ها را انتخاب نماید و امکان وجود ندارد.عناصرانتخاب بیش از یک گزینه در این نوع

1 <input type="radio">

امتحان کنید

Checkboxعنصر ورودی از نوع

که کاربر قادر است بیشCheckboxبرخالف دکمه های رادیویی ما یک عنصر ورودی داریم به اسم چک باکس یا از چند گزینه را در این نوع عناصر انتخاب نماید.

1 <input type="checkbox">

امتحان کنید

Buttonعنصر ورودی از نوع

یک عنصر ورودی از نوع دکمه با قابلیت کلیک شدن توسط کاربر می باشد که ما میتوانیم در این نوع دکمه ها یک در همین است.Submitمحتوا )تصویر،متن و..( را قرار دهیم و در واقع تفاوت اصلی این نوع دکمه با دکمه های

1 <input type="button" onclick="alert)'سالم خوبی؟'(" value="کلیک کن">

امتحان کنید

HTML5عناصر ورودی اضافه شده در

HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 4

FreeLearn20181@gmail.comhttps://free-learn.ir/

اضافه شده اند.HTML5در ادامه و عناصری که معرفی میکنم عناصری هستند که در

colordatedatetime-localemailmonthnumberrangesearchteltimeurlweekfileimagehidden

Colorعنصر ورودی از نوع

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

1 <input type="color">

امتحان کنید

Dateعنصر ورودی از نوع

HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 5

FreeLearn20181@gmail.comhttps://free-learn.ir/

با استفاده از این عنصر میتوان یک مقدار بصورت تاریخ )سال/ماه/روز( را دریافت کرد.

1 <input type="date">

Datetime-localعنصر ورودی از نوع

با استفاده از این عنصر میتوان یک تاریخ )سال/ماه/روز( و زمان )ساعت/دقیقه( را بهمراه منطقه زمانی از کاربردریافت کرد.

1 <input type="datetime-local">

Emailعنصر ورودی از نوع

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

اگر مقدار وارد شده ایمیل نباشد بعضی از مرورگرها پیغام هشدار میدهند و از ارسال اطالعات خودداری مینمایند.

1 <input type="email">

امتحان کنید

Monthعنصر ورودی از نوع

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

1 <input type="month">

Numberعنصر ورودی از نوع

HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 6

FreeLearn20181@gmail.comhttps://free-learn.ir/

با استفاده از این عنصر میتوان یک مقدار بصورت عددی را از کاربر دریافت کرد و همچنین از صفات زیر میتوان دراین عنصر استفاده کرد:

min کمترین مقداری که میتوان وارد کرد :max بیشترین مقداری که میتوان وارد کرد :value یک مقدار از قبل تعریف شده را مشخص میکند :step فاصله ی بین حرکت اعداد را مشخص میکند :

1 <input type="number" min="1" max="10" step="3" value="1">

امتحان کنید

Rangeعنصر ورودی از نوع

با استفاده از این عنصر میتوان یک مقدار از طریق یک میله ی لغزان را از کاربر دریافت کرد و همچنین از صفاتزیر میتوان در این عنصر استفاده کرد:

min کمترین مقداری که میتوان وارد کرد :max بیشترین مقداری که میتوان وارد کرد :value یک مقدار از قبل تعریف شده را مشخص میکند :step فاصله ی بین حرکت اعداد را مشخص میکند :

1 <input type="range" min="0" max="50" step="5" value="25">

امتحان کنید

Searchعنصر ورودی از نوع

HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 7

FreeLearn20181@gmail.comhttps://free-learn.ir/

با استفاده از این عنصر میتوان یک فیلد متنی جستجوگر را ایجاد کرد.

1 <input type="search">

Telعنصر ورودی از نوع

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

1 <input type="tel">

Timeعنصر ورودی از نوع

با استفاده از این عنصر میتوان یک مقدار بصورت زمان را از کاربر دریافت کرد.

1 <input type="time">

URLعنصر ورودی از نوع

با استفاده از این عنصر میتوان یک مقدار بصورت آدرس اینترنتی دریافت کرد.

وجود داشته باشد.://httpتوجه داشته باشید که باید در ابتدای آدرس حتما

1 <input type="url">

امتحان کنید

Weekعنصر ورودی از نوع

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

HTML در Input Elementsکار با عناصر ورودی یا

می باشد و استفاده از آن برای عموم کامال آزاد می باشد. سایت آموزشی فری لرناین فایل متعلق به 8

FreeLearn20181@gmail.comhttps://free-learn.ir/

1 <input type="week">

Fileعنصر ورودی از نوع

با استفاده از این عنصر میتوان امکان آپلود کردن فایل ها را توسط کاربران، ایجاد کرد.

1 <input type="file">

امتحان کنید

Imageعنصر ورودی از نوع

ایجاد شده است را ایجاد کرد.تصویربا استفاده از این عنصر میتوان یک دکمه تصویری، دکمه ای که از

1 <input type="image" src="image.jpg">

امتحان کنید

Hiddenعنصر ورودی از نوع

خفی را ایجاد کرد، به گونه ای که این فیلد از دید کاربر مخفی باشد.با استفاده از این عنصر میتوان یک فیلد م

1 <input type="hidden">

امتحان کنید