نمونه فرم HTML
فرمها در HTML ابزاری هستند که میتوانند اطلاعات مورد نظر شما را از کاربر دریافت کنند و به سرور ارسال نمایند. پس از ارسال اطلاعات وارد شده به سرور، با استفاده از کدهای برنامهنویسی، امکان ارزیابی، پردازش و ذخیرهسازی آنها در پایگاه داده وجود دارد.
ساخت فرم در HTML با استفاده از تگ form انجام میشود. فیلدهای متعددی در یک فرم HTML قابل ثبت هستند که شامل موارد زیر میشوند.
- <input type="button">
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="hidden">
- <input type="image">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="reset">
- <input type="search">
- <input type="submit">
- <input type="tel">
- <input type="text">
- <input type="time">
- <input type="url">
- <input type="week">
- <select>
- <textarea>
- <button type="submit">
یک فرم ساده
یک فرم سادهی HTML که شامل چند فیلد زیر باشد با کدهایی شبیه به کدهای زیر قابل پیادهسازی است:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<form action="form.php" method="post"> <label for="fname">نام</label><br> <input type="text" name="fname" id="fname"> <br> <label for="lname">نام خانوادگی</label><br> <input type="text" name="lname" id="lname"> <br> <label for="age">سن</label><br> <input type="number" name="age" id="age"> <br> <label for="password">گذرواژه</label><br> <input type="password" name="password" id="password"> <br> <input type="submit" value="ثبت اطلاعات"> </form> |
فیلدهای موجود در فرم بالا شامل موارد زیر هستند:
- فیلد متنی برای نام
- فیلد متنی برای نام خانوادگی
- فیلد عددی برای سن
- فیلد گذرواژه برای رمز ورود
- فیلد submit برای ارسال اطلاعات به سرور
هر فیلد متنی دارای یک label است که صفت for آن با مقدار مشابه id فیلد پر میشود. با انجام این کار، اگر کاربر روی label مورد نظر کلیک کند، فیلد متناظر انتخاب میشود.