آموزش تگ form در HTML

آموزش تگ form در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ form در HTML به صورت کامل آشنا بشید.
تگ Form در HTML
تگ form
همونطور که از اسمشم پیداست با استفاده از اون میتونیم یک یا چندین فرم رو در یک صفحه ی وب بسازیم یا به عبارتی ایجاد کنیم.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
یکسری از تگ ها هم هستن که فقط مخصوص استفاده در تگ Form هستن، این تگ ها شامل موارد زیر می شوند :
- <input>
- <textarea>
- <select>
- <fieldset>
- <label>
- <button>
- <option>
- <optgroup>
- <output>
- <datalist>
مثال از تگ form در HTML
در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنید.
مثال شماره یک : استفاده از تگ Form ( دریافت نام از کاربری )
<body> <form action="files/get_data.php" method="POST"> نام: <input type="text" name="myname"> <br><br> <input type="submit" value="ارسال"> </form> </body>
در مثال شماره دو : انتخاب یه گزینه از لیست
<form action="files/get_data2.php" method="POST"> طرفدار کدوم تیمی : <select name="tarafdari"> <option value="Esteghlal">استقلال</option> <option value="Persepolis">پرسپولیس</option> <option value="Tractor">تراکتور</option> <option value="other">دیگر تیم ها</option> </select> <input type="submit" value="ارسال"> </form>
و مثال شماره سه : دریافت یه متن از کاربر
<form action="files/get_data3.php" method="POST"> <textarea name="message" placeholder="نظرت در مورد وردپرس پوش"></textarea> <br> <input type="submit" value="ارسال"> </form>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ form
در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ form در HTML
در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.
پشتیبانی از صفات و رویدادهای عمومی
تگ form
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- نکته یا توضیح خاصی در مورد این تگ وجود ندارد.
دستورات CSS پیش فرض
غالبا مرورگرها تگ form
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
form { display: block; margin-top: 0em; }
توصیه ما به شما دوست عزیزم این است که با شرکت در دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید تا بتوانید علاوه بر طراحی سایت برای خودتان و حتی دیگران و درآمد زایی برای خود درک بهتر و بیشتری راجع به این مطالب پیدا کنید.
ما سعی کردیم در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css میباشد.
توجه داشته باشید که برخی از افراد با هزینه ی کمی این دوره را برگزار می کنند. ولی سرفصل ها و دروس تدریس شده کاملی ندارند و صرفا چند تا از تگ های html css را آموزش می دهند. ما دراین دوره صفر تا صد آنچه که مربوط به طراحی وبسایت هستش رو به شما آموزش خواهیم داد که می توانید سرفصل های مارا با دیگر مدرسان مقایسه کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید