---
title: HTML Маягтын шинж чанарууд
description: "> Энэ бүлэгт HTML элементийн өөр өөр шинж чанаруудыг тайлбарласан болно. --- ## Action Шинж чанар `action` шинж чанар нь маягтыг илгээх үед гүйцэтгэх үйлдлийг тодорхойлдог. Ихэвчлэн хэрэглэгч оруулах товчийг дарахад маягтын мэдээллийг сервер дээрх файл руу илгээдэг. Доорх жишээнд…"
url: "https://apprentice.mn/docs/html-form-attributes/"
updated: "2021-07-09"
category: HTML
---

# HTML Маягтын шинж чанарууд

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

---

## Action Шинж чанар

`action` шинж чанар нь маягтыг илгээх үед гүйцэтгэх үйлдлийг тодорхойлдог.

Ихэвчлэн хэрэглэгч оруулах товчийг дарахад маягтын мэдээллийг сервер дээрх файл руу илгээдэг.

Доорх жишээнд маягтын мэдээллийг “action_page.php” нэртэй файл руу илгээнэ. Энэ файл нь маягтын мэдээллийг зохицуулдаг сервер талын скрипт агуулдаг.

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

**Зөвлөгөө**: Хэрэв `action`  шинж чанарыг орхигдуулсан бол тухайн үйлдлийг тухайн хуудсанд тохируулна.

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

`target` шинж чанар нь маягтыг илгээсний дараа хүлээн авсан хариуг хаана харуулахыг тохируулдаг.

`target`шинж чанар нь дараахь утгуудын аль нэгтэй байж болно:

| Value | Description |
| --- | --- |
| _blank | Хариултыг шинэ цонх эсвэл таб дээр харуулна |
| _self | Хариу нь одоогийн цонхонд гарч ирнэ |
| _parent | The response is displayed in the parent frame |
| _top | Хариу нь цонхны бүтэн хэсэгт харагдана |
| *framename* | Хариултыг нэрлэсэн iframe дээр харуулна |

The default value is `_self` which means that the response will open in the current window.

Үндсэн утга нь  `_self`  бөгөөд хариу нь одоогийн цонхонд нээгдэнэ гэсэн үг юм.

### Жишээ

Энд ирүүлсэн үр дүн нь шинэ хөтчийн таб дээр нээгдэнэ:

      `<form action="/action_page.php" target="_blank">`

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

`method` шинж чанар нь маягтын өгөгдлийг илгээхэд ашиглагдах HTTP аргыг тодорхойлдог.

The form-data can be sent as URL variables (with `method="get"`) or as HTTP post transaction (with `method="post"`).

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

Маягтын мэдээллийг илгээх үндсэн HTTP арга бол `get` юм.

### Жишээ

Энэ жишээнд маягтын өгөгдлийг илгээхдээ GET аргыг ашигладаг.

      `<form action="/action_page.php" method="get">`

Энэ жишээнд маягтын өгөгдлийг илгээхдээ POST аргыг ашигладаг:

     `<form action="/action_page.php" method="post">`

**Get-ийг ашиглах санамж:**

- Маягтын өгөгдлийг нэр / утга хосоор URL-д хавсаргана
- URL-ийн урт хязгаарлагдмал (2048 тэмдэгт)
- Хэрэглэгч үр дүнг хавчуургад оруулахыг хүсдэг маягт оруулахад хэрэгтэй
- GET нь Google дээрх хайлтын мөрүүд гэх мэт аюулгүй бус өгөгдөлд сайнаар нөлөөлдөг

**POST-ийг ашиглах санамж:**

- HTTP хүсэлтийн үндсэн хэсэгт маягтын өгөгдлийг хавсаргана (ирүүлсэн маягтын мэдээллийг URL дээр харуулаагүй болно)
- POST нь хэмжээ хязгаарлалтгүй бөгөөд үүнийг их хэмжээний өгөгдөл дамжуулахад ашиглаж болно.
- POST-тай маягт оруулахыг хавчуургад оруулах боломжгүй

   

  **Зөвлөгөө**: Маягтын өгөгдөл нь нууц эсвэл хувийн мэдээллийг агуулсан бол үргэлж POST ашиглаарай!

## Автоматаар бөглөх (autocomplete) шинж чанар

`autocomplete` шинж чанар нь маягтыг автоматаар бөглөхийг унтраах эсвэл асаах шаардлагатай эсэхийг тодорхойлдог.

Автоматаар бөглөх асаалттай үед хөтөч хэрэглэгчийн өмнө оруулсан утгууд дээр үндэслэн утгыг автоматаар бөглөнө.

  

Автоматаар бөглөх асаалттай маягт:

     `<form action="/action_page.php" autocomplete="on">`

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

`novalidate` шинж чанар нь зөв үү буруу юу(boolean)  гэсэн шинж чанар юм.

Байгаа тохиолдолд маягтын өгөгдөл (оролт) -ийг ирүүлэхдээ баталгаажуулах ёсгүй гэдгийг зааж өгсөн болно.

Novalidate шинж чанар бүхий маягт:

     `<form action="/action_page.php" novalidate>`

## Бүх <form> шинж чанаруудын жагсаалт

| Шинж чанар | Тайлбар |
| --- | --- |
| accept-charset | Маягт илгээхэд ашигласан тэмдэгт кодчиллыг тодорхойлно |
| action | Маягт ирэхэд маягтын өгөгдлийг хааш нь илгээхийг зааж өгдөг |
| autocomplete | Маягтыг автоматаар бөглөхийг унтраах эсвэл асаах шаардлагатай эсэхийг тодорхойлно |
| enctype | Маягтын өгөгдлийг сервер рүү илгээхдээ хэрхэн кодлохыг зааж өгдөг (зөвхөн = “post” аргын хувьд) |
| method | Маягт-өгөгдөл илгээхэд ашиглах HTTP аргыг тодорхойлно |
| name | Маягтын нэрийг зааж өгнө |
| novalidate | Өргөдөл гаргахдаа маягтыг баталгаажуулах ёсгүй гэдгийг зааж өгдөг |
| rel | Холбогдсон нөөц ба одоогийн баримт бичгийн хоорондын хамаарлыг тодорхойлно |
| target | Маягтыг ирүүлсний дараа хүлээн авсан хариуг хаана харуулахыг зааж өгнө |

         [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-form-attributes%2F&linkname=HTML%20%D0%9C%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-form-attributes%2F&linkname=HTML%20%D0%9C%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-form-attributes%2F&linkname=HTML%20%D0%9C%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-form-attributes%2F&linkname=HTML%20%D0%9C%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-form-attributes%2F&linkname=HTML%20%D0%9C%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-form-attributes%2F&linkname=HTML%20%D0%9C%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)