ویژگی formmethod HTML <button>

برچسب <button> HTML

تعریف و استفاده

formmethod ویژگی تعیین می‌کند که از چه روش HTTP برای ارسال داده‌های فرم استفاده شود. این ویژگی ویژگی method فرم را پوشش می‌دهد.

formmethod این ویژگی فقط برای type="submit" دکمه.

داده‌های فرم می‌توانند به عنوان متغیرهای URL ارسال شوند (استفاده از method="get") یا به عنوان یک ارسال HTTP post ارسال شود (استفاده از method="post")

نکات مربوط به روش "get":

  • این فرم داده‌های فرم را به صورت نام/مقدار به URL اضافه می‌کند
  • این برای فرم‌هایی که کاربران می‌خواهند نتایج را به عنوان لینک ذخیره کنند بسیار مفید است
  • مقدار داده‌هایی که می‌توان در URL قرار داد محدود است (بسته به مرورگر متفاوت است)، بنابراین نمی‌توان اطمینان داد که همه داده‌های فرم به درستی انتقال داده شوند.
  • هرگز از روش "get" برای انتقال اطلاعات حساس استفاده نکنید！（پسورد یا اطلاعات حساس دیگر در آدرس بار مرورگر نمایش داده می‌شوند)

نکات مربوط به روش "post":

  • این فرم داده‌های فرم را به عنوان یک تراکنش HTTP POST ارسال می‌کند
  • فرم‌هایی که با استفاده از روش "post" ارسال می‌شوند، نمی‌توانند به عنوان لینک ذخیره شوند
  • در مقایسه با روش "get"، روش "post" قوی‌تر و امن‌تر است
  • این بدون محدودیت در اندازه است

مثال

فرم‌ای با دو دکمه ارسال. اولین دکمه فرم را با استفاده از method="get" ارسال می‌کند، دومین دکمه فرم را با استفاده از method="post" ارسال می‌کند:

<form action="/action_page.php" method="get">
  <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>
  <button type="submit">ارسال</button>
  <button type="submit" formmethod="post">با استفاده از POST ارسال کنید</button>
</form>

آزمایش کنید

جملات%

<button type="submit" formmethod="get|post">

مقدار ویژگی

مقدار توضیح
get داده‌های فرم را به URL اضافه کنید:URL?name=value&name=value.
post فرستادن داده‌های فرم به عنوان تراکنش HTTP post.

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

توضیح:formmethod ویژگی‌ها ویژگی‌های جدید HTML 5 هستند.

برچسب <button> HTML