آموزش تگ input در HTML

10 شهریور 1401
ارسال شده توسط
آموزش html css
آموزش تگ input در HTML

آموزش تگ input در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ input در HTML به صورت کامل آشنا بشید.

تگ Input در HTML

تگ input یا اینپوت ، تگی است که درون تگ Form استفاده میشود و انواع مختلفی دارد که با استفاده از آن میتوان داده ها ( اطلاعات ) را با استفاده از فرم ها از کاربر دریافت نمود.

ضمنا تگ Input دارای انواع مختلفی است ( مثلا نوع پسورد ، ایمیل و.. ) که تک تک این انواع را میتوان با استفاده از صفت type مشخص کرد.

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.

مثال از تگ input در HTML

در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنید.

مثال شماره یک : استفاده از نوع text ( مثلا برای دریافت نام ، نام خانوادگی یا مثلا نام کاربری و.. )

<body>
  <form action="files/get_data.php" method="POST">
   نام: <input type="text" name="myname"> <br><br>
  <input type="submit" value="ارسال">
 </form>
</body>

در مثال شماره دو : استفاده از نوع چک باکس ( که کاربر بتونه چیزی رو تیک بزنه )

<body>
 <form action="files/get_data8.php" method="POST">
  رنگ مورد علاقه شما<br>
  <input type="checkbox" name="MyColor[]" value="blue"> آبی 
 <br>
  <input type="checkbox" name="MyColor[]" value="red"> قرمز
 <br><br>
  <input type="submit" value="ارسال">
 </form>
</body>

و مثال شماره سه : استفاده از نوع ایمیل ( برای دریافت ایمیل )

<body>
 <form action="files/get_data11.php" method="POST">
   ایمیلتان را وارد نمایید <br>
   <input type="email" name="Email">
   <br><br>
   <input type="submit" value="ارسال">
 </form>
</body>

پشتیبانی مرورگرها

در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ input در HTML پشتیبانی میکنند یا خیر.

 

جدول پشتیبانی مرورگرها+وردپرس پوش

 

جدول صفات تگ input در HTML

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

 

جدول صفات تگ input

 

پشتیبانی از صفات و رویدادهای عمومی

تگ input از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

نکات و توضیحات

  • بصورت پیش فرض اگه نوع یک Input رو تعیین نکنیم ، مرورگرها خودشون بشکل اتوماتیک اون رو به عنوان نوع text مشخص میکنند. ( پس همیشه حواستون به این مورد باشه و حتما نوع رو تعیین کنید )

شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.

 

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید