Энэ бүлэгт 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 | Маягтыг ирүүлсний дараа хүлээн авсан хариуг хаана харуулахыг зааж өгнө |
