تگ form در HTML

  /  Frontend   /  تگ form در HTML

از تگ form در HTML برای ایجاد فرم ها جهت گرفتن ورودی از کاربر استفاده می شود.

مثال

<form action="#" method="post">
<label for="fname">نام:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">نام خانوادگی:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="ثبت">
</form>


تعریف و کاربرد

از تگ form در HTML جهت ایجاد فرم ها در سند ، برای گرفتن ورودی از کاربر استفاده می شود.

لیست عناصری که درون تگ <form> استفاده میشوند و قرار میگیرند:


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

عنصر
<form>بلهبلهبلهبلهبله

خواص

خاصیتمقدارتوضیح
accept-charsetcharacter_setرمزنگاری کاراکتری برای ارسال داده ها را مشخص میکند
actionURLمشخص میکند که داده های فرم را به چه آدرسی ارسال کند
autocompleteon
off
در صورت روشن بودن مقادیری را که کاربر قبلاً درون فیلد ها وارد کرده است را به صورت اتوماتیک به عنوان پیشنهاد در مرورگر خودش میبیند و اگر خاموش باشد هیچ پیشنهادی برای ورودی ها نمایش داده نمی شود
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
مشخص میکند که داده ها هنگام ارسال به سمت سرور باید رمزنگاری شوند ( فقط برای متد POST کار میکند )
methodget
post
روش ارسال داده های فرم را مشخص میکند
nametextیک نام برای فرم مشخص میکند
novalidatenovalidateمشخص میکند که یک فرم نباید هنگام ارسال تأیید شود
relexternal
help
license
next
nofollow
noopener
noreferrer
opener
prev
search
رابطه بین یک منبع پیوند یافته و سند فعلی را مشخص میکند
target_blank
_self
_parent
_top
نحوه باز شدن صفحه مقصد بعد از ارسال داده ها را مشخص میکند

خواص عمومی

تگ form از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

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

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر form در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

form {
  display: block;
  margin-top: 0em;
}

من یک برنامه نویس خستگی ناپذیر هستم که رویا هاش رو کد نویسی میکنه...

ارسال یک نظر