---
title: HTML Оруулах маягтын шинж чанарууд
description: "> Энэ бүлэгт HTML `` элементийн өөр`form*`шинж чанаруудыг тайлбарласан болно. ## Маягт шинж чанар Оролтын`form(Маягт)` шинж чанар нь ``  элементийн харьяалагдах хэлбэрийг заана. Энэ шинж чанарын утга нь түүнд хамаарах элементийн id атрибуттай тэнцүү байх ёстой. ### Жишээ HTML маягтын…"
url: "https://apprentice.mn/docs/html-input-form-attributes/"
updated: "2021-07-09"
category: HTML
---

# HTML Оруулах маягтын шинж чанарууд

> Энэ бүлэгт HTML `<input>` элементийн өөр`form*`шинж чанаруудыг тайлбарласан болно.

## Маягт шинж чанар

Оролтын`form(Маягт)` шинж чанар нь `<input>`  элементийн харьяалагдах хэлбэрийг заана.

Энэ шинж чанарын утга нь түүнд хамаарах <form> элементийн id атрибуттай тэнцүү байх ёстой.

### Жишээ

HTML маягтын гадна байрлах оролтын талбар (гэхдээ хэлбэрийн хэсэг хэвээр байна):

      `<form action="/action_page.php" id="form1">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">`

## formaction  шинж чанар

Оролтын `formaction` шинж чанар нь маягтыг илгээх үед оролтыг боловсруулах файлын URL-ийг тодорхойлно.

**Тэмдэглэл**: Энэ шинж чанар нь `action` шинж чанарыг хүчингүй болгодог``

      `<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>`

## formenctype шинж чанар

Оролтын `formenctype` шинж чанар нь маягтын өгөгдлийг хүлээн аьах үед хэрхэн кодлохыг зааж өгдөг (зөвхөн method = “post” хэлбэртэй маягтуудын хувьд).

      `<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formenctype="multipart/form-data"
  value="Submit as Multipart/form-data">
</form>`

Formmethod Attribute

Оролтын formmethod шинж чанар нь үйлдлийн URL руу маягт өгөгдөл илгээх HTTP аргыг тодорхойлдог.

Тэмдэглэл: Энэ шинж чанар нь.-Ийн аргын шинж чанарыг хүчингүй болгодог

элемент.

Formmethod атрибут нь дараах оролтын төрлүүдтэй ажилладаг: илгээх ба дүрс.

Маягтын өгөгдлийг URL хувьсагч хэлбэрээр (method = “get”) эсвэл HTTP шуудангийн гүйлгээ хэлбэрээр (method = “post”) илгээж болно.

“Get” аргын тэмдэглэл:

Энэ арга нь маягтын өгөгдлийг нэр / утга хосоор URL руу хавсаргана
Энэ арга нь хэрэглэгчийн үр дүнг хавчуургад оруулахыг хүсч буй маягтыг илгээхэд ашигтай байдаг
URL дээр хичнээн их өгөгдөл байрлуулах боломжтой (хөтөч хооронд харилцан адилгүй байдаг) тул бүх хэлбэрийн өгөгдлийг зөв дамжуулах болно гэдэгт эргэлзэхгүй байна.
Мэдрэмжтэй мэдээллийг дамжуулахын тулд “авах” аргыг хэзээ ч бүү ашигла! (нууц үг эсвэл бусад нууц мэдээлэл хөтөчийн хаягийн мөрөнд харагдах болно)

“Шуудан” аргын тэмдэглэл:

Энэ арга нь маягтын өгөгдлийг HTTP дараах гүйлгээ хэлбэрээр илгээдэг
“Шуудан” аргаар маягт оруулахыг хавчуургад оруулах боломжгүй
“Шуудан” арга нь “авах” -аас илүү бат бөх, найдвартай бөгөөд “шуудан” нь хэмжээ хязгаарлахгүй

 

 

Хоёр ирүүлэх товчлуур бүхий маягт. Эхнийх нь хэлбэр-өгөгдлийг method = “get” ашиглан илгээдэг. Хоёр дахь нь метал өгөгдлийг method = “post” ашиглан илгээнэ.

     `<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit using GET">
  <input type="submit" formmethod="post" value="Submit using POST">
</form>`                                    [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-input-form-attributes%2F&linkname=HTML%20%D0%9E%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%82%D1%8B%D0%BD%20%D1%88%D0%B8%D0%BD%D0%B6%20%D1%87%D0%B0%D0%BD%D0%B0%D1%80%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-input-form-attributes%2F&linkname=HTML%20%D0%9E%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%82%D1%8B%D0%BD%20%D1%88%D0%B8%D0%BD%D0%B6%20%D1%87%D0%B0%D0%BD%D0%B0%D1%80%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-input-form-attributes%2F&linkname=HTML%20%D0%9E%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%82%D1%8B%D0%BD%20%D1%88%D0%B8%D0%BD%D0%B6%20%D1%87%D0%B0%D0%BD%D0%B0%D1%80%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-input-form-attributes%2F&linkname=HTML%20%D0%9E%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%82%D1%8B%D0%BD%20%D1%88%D0%B8%D0%BD%D0%B6%20%D1%87%D0%B0%D0%BD%D0%B0%D1%80%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-input-form-attributes%2F&linkname=HTML%20%D0%9E%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%82%D1%8B%D0%BD%20%D1%88%D0%B8%D0%BD%D0%B6%20%D1%87%D0%B0%D0%BD%D0%B0%D1%80%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-input-form-attributes%2F&linkname=HTML%20%D0%9E%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%82%D1%8B%D0%BD%20%D1%88%D0%B8%D0%BD%D0%B6%20%D1%87%D0%B0%D0%BD%D0%B0%D1%80%D1%83%D1%83%D0%B4)[https://www.addtoany.com/share](https://www.addtoany.com/share)