آموزش تگ 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
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- بصورت پیش فرض اگه نوع یک Input رو تعیین نکنیم ، مرورگرها خودشون بشکل اتوماتیک اون رو به عنوان نوع text مشخص میکنند. ( پس همیشه حواستون به این مورد باشه و حتما نوع رو تعیین کنید )
شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید