Маягтыг оруулахын тулд Оруулах Таг ашиглах
HTML хэлбэрүүд нь вэбсайтдаа интерактив нэмэхэд хамгийн хялбар арга замуудын нэг юм. Та асуулт асууж, уншигчдынхаа хариултыг олж авах, өгөгдлийн сангаас нэмэлт мэдээлэл өгөх, тоглоом зохион бүтээх, бусад зүйлсийг өгч болно. Таны маягтыг бий болгохын тулд хэд хэдэн HTML элементүүд байдаг. Мөн та өөрийн маягтаа барьсан бол серверт энэ өгөгдлийг оруулах олон янзын арга замууд эсвэл ердөө л маягт үйлдлийг эхлүүлэх эхлэлийг тавьдаг.
Эдгээр маягтуудыг бөглөж өгөх хэд хэдэн арга байна:
-
- Энэ нь сервер уруу өгөгдөл олж авах хамгийн түгээмэл арга юм, гэхдээ энэ нь маш энгийн харагдах болно.
-
- Зургийг ашиглах нь таны илгээсэн товчийг таны сайтын хэв маягаар тохируулахад хялбар болгож өгдөг. Зарим хүмүүс энэ нь үүнийг ирүүлэх товч байдлаар хүлээн зөвшөөрөхгүй байж болох юм.
-
- Tombol INPUT таг нь INPUT-н дүрс бүхий олон тохируулгуудыг өгдөг боловч стандарт илгээх төрлийг илүүд үздэг. Идэвхжүүлэх JavaScript шаардлагатай.
- <товч>
- BUTTON tag нь INPUT шошгоныхоос илүү уян хатан товч юм. Энэ шошго нь Javacript-ийг идэвхжүүлэхийг шаарддаг.
-
- COMMAND элемент нь HTML5-д шинэ бөгөөд холбогдох үйлдлүүдтэй скриптүүд болон маягтуудыг идэвхжүүлэх арга замыг бий болгодог. Энэ нь JavaScript -ээр идэвхждэг.
INPUT Элемент
INPUT элемент нь маягтыг илгээх хамгийн нийтлэг арга бөгөөд та хийх ёстой зүйлээ (товчлуур, зураг, эсвэл оруулах) сонгох бөгөөд хэрэв шаардлагатай бол маягтанд оруулах зарим скриптийг нэмээрэй.
элемент яг иймэрхүү бичигдэх боломжтой. Гэхдээ хэрэв та хийвэл өөр хөтчүүдэд өөр үр дүнтэй байх болно. Ихэнх хөтчүүд "Submit" гэсэн товчлуурыг дардаг боловч Firefox "Query-г оруулах" гэсэн товчийг хийдэг. Товчлуурыг юу гэж өөрчлөхийг өөрчлөхийн тулд та атрибут нэмэх хэрэгтэй:
value = "Шуудан ирүүлэх">
Элемент иймэрхүү бичигдсэн байдаг, гэхдээ та бусад бүх шинж чанаруудыг орхих бол хөтчүүдэд үзүүлэх бүх зүйл нь хоосон саарал товчлуур юм. Товчлуурыг текст дээр нэмэхийн тулд утга атрибутыг ашиглана уу. Гэсэн хэдий ч, энэ товчлуур нь JavaScript-г ашиглахгүй бол маягтыг илгээхгүй.
onclick = "submit ();">
Энэ нь маягтыг илгээх скрипт хэрэгтэй товч хэлбэрийн адил юм. Үүнээс гадна текстийн утгаас биш, та зурагны эх сурвалж URL-г нэмэх хэрэгтэй.
src = "submit.gif">
BUTTON Element
BUTTON элемент нь нээлтийн тэмдэг ба хаалтын шошгыг хоёуланг нь шаарддаг. Үүнийг хэрэглэх үед таны дотор агуулагдах ямар ч контент товч дээр хавсаргана. Дараа нь та скриптээр товчлуурыг идэвхжүүлнэ.
Маягт илгээх
Та илүү товч сонирхолтой товчийг үүсгэхийн тулд зурагнууд болон текстийг нэгтгэж болно.
Маягт илгээх
COMMAND элемент
COMMAND элемент нь HTML5 шинэ байна. Энэ нь FORM-г ашиглахыг шаарддаггүй, гэхдээ энэ нь маягтыг илгээх товч хэлбэрээр ажиллах боломжтой. Энэ элемент нь маягт шаарддаггүй илүү олон интерактив хуудас үүсгэх боломжийг олгодог. Хэрэв та ямар нэгэн зүйл хэлэхийг хүсч байгаа бол мэдээллийг бичиж тэмдэглэнэ.
label = "Шуудангийн маягт">
Хэрэв таны командыг дүрсээр дүрслэхийг хүсвэл icon шинж чанарыг ашиглана уу.
icon = "submit.gif">
Энэ нийтлэл нь HTML Forms Tutorial-ийн нэг хэсэг юм . HTML хэлбэрийг хэрхэн ашиглах талаар сурах бүрэн зааварчилгааг уншина уу.
HTML хэлбэрүүд нь өмнөх хуудаснаас сурч мэдсэн зүйлээ оруулах хэд хэдэн янзын арга байдаг. Эдгээр аргуудын хоёр нь INPUT шошго ба БОМТ tag байна. Эдгээр элементүүдийг хоёуланг нь ашиглах сайн шалтгаан бий.
INPUT Элемент
Таг нь маягтыг илгээх хамгийн хялбар арга юм. Энэ нь шошгон дээрээс гадна юу ч биш, үнэ цэнийг шаарддаггүй. Хэрэглэгч товчлуур дээр дарахад автоматаар ирдэг. Та ямар ч скрипт нэмэх хэрэггүй бөгөөд хөтөч INPUT-г дарж бичих үед маягтыг илгээхийг мэддэг.
Асуудал нь энэ товчлуур нь маш муухай, энгийн зүйл юм. Та зураг нэмэх боломжгүй. Та бусад элементийн адилхан хэв маягаар хэв маягаар хэвлэж чадна, гэхдээ энэ нь хэвийн бус товчлуур мэт санагдаж болно.
INPUT аргыг хэрэглээрэй. Таны маягтыг JavaScript идэвхгүй болгосон хөтчүүдэд ч гэсэн хандах боломжтой.
BUTTON Element
BUTTON элемент нь маягтуудыг илгээхэд илүү олон сонголтыг санал болгодог. Та BUTTON элементийн дотор юу ч тавьж болно. Ихэнх хүмүүс зураг, текстийг ашигладаг. Гэсэн хэдий ч та DIV үүсгэж, бүх зүйлийг хүссэн үедээ товч зааж өгөх боломжтой.
BUTTON элементийн хамгийн том сул тал нь энэ маягтыг автоматаар ирүүлэхгүй байх явдал юм. Энэ нь идэвхжүүлэхийн тулд ямар нэг төрлийн скрипт байх шаардлагатай гэсэн үг юм. Тиймээс энэ нь INPUT аргыг бодвол илүү хялбар байдаг. JavaScript-г идэвхжүүлээгүй ямар ч хэрэглэгч зөвхөн маягтыг илгээх боломжтой тул BUTTON элементийг оруулах боломжгүй.
БутTON аргачлалыг чухал биш хэлбэрээр ашигла. Түүнчлэн энэ нь нэг маягтаар нэмэлт оруулах хувилбарыг нэмж оруулах гайхалтай арга юм.
Энэ нийтлэл нь HTML Forms Tutorial-ийн нэг хэсэг юм. HTML хэлбэрийг хэрхэн ашиглах талаар уншина уу