Лабораторийн ажил 5<br />Зорилго: <br />HTML кодчиллын формын элементүүдийг ашиглаж сурах<br />Бэлтгэл: <br />Ямар нэг тек...
лабораторийн ажил 5
Upcoming SlideShare
Loading in...5
×

лабораторийн ажил 5

1,073

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,073
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "лабораторийн ажил 5"

  1. 1. Лабораторийн ажил 5<br />Зорилго: <br />HTML кодчиллын формын элементүүдийг ашиглаж сурах<br />Бэлтгэл: <br />Ямар нэг текст боловсруулах програм нээх. (Notepad, UltraEdit32 г.м) <br />Гүйцэтгэх даалгавар:<br />HTML кодчиллын форм болон формын элементүүдийг ашиглан жишээ бичиж ажиллуулах.<br />Формын зарлагаа нь:<br /><form>…</form> кодчилол хооронд бичигдэнэ.<br />action – Хэрэглэгч Submit товчийг дарахад формын элементүүдэд оруулсан утгыг илгээх URL буюу вэб хуудсын хаяг. <br />id - script кодчилолд ашиглах нэр<br />method – асtion шинж чанарт тодорхойлогдсон үйлдлийг гүйцэтгэх аргыг тодорхойлно. POST болон GET утгуудыг авна. GET утгатай бол вэб браузер формын өгөгдлүүдийг form tag-ийн action шинж чанарт тодорхойлсон хаяг бүхий вэб сервер рүү илгээнэ. Харин POST утгатай бол вэб браузер формын өгөгдлүүдийг тусдаа http мессэж ашиглан вэб сервер рүү илгээнэ. <br />target – Формын утгуудыг баталгаажуулсан мэдээллийг гаргах цонхны нэр <br />Формын элементүүд ашиглах жишээ: <br />Жишээ1. Текст талбар - Хэрэглэгчээс текстэн өгөгдөл оруулахад ашиглана.<br /><input type=" text" name=" text1" size=" 30" value=Default><br />type – формын элементийн төрлийг тодорхойлно<br />name – javascript кодчлолд ашиглагдах нэр<br />size – хэмжээ буюу оруулах тэмдэгтийн тоо <br />value – текст талбарт гарах утга<br />Жишээ 2. Сheckbox үүсгэх<br />45720053975<form> CheckBox <br><br /> <input type=" checkbox" name=" chk1" <br /> value=" One" checked>CheckBox 1<br><br /> <input type=" checkbox" name=" chk2" <br />value=" Two" > CheckBox 2 <br /> </form><br />Жишээ 3. Radiobutton үүсгэх<br />457200102235 <input type=" radio" name=“rdButton" <br /> value=“rd1" checked> Radio Button1 <br /> <br><input type=" radio" name=" rdButton" value=“rd2" > Radio Button2<br />// checked - сонгогдсон байх утга <br /> <br />Жишээ 4. Сонголтын цэс үүсгэх<br /><select name=" Lessons" ><br /><option value=" sw201" > Алгоритмынvндэс </option><br /><option value=" sw202" > Програмчлалын хэл </option><br /><option value=" sw203" selected> Объект хандлагат програмчлал </option><br /><option value=" sw204" > Өгөгдлийн бvтэц </option><br /></select> <br />// selected – форм үүсэхэд сонголтын цэсээс сонгогдсон байх утга<br /> <br />Жишээ 5. Товч үүсгэх<br /> - Submit товч нь формын элементүүдийн утгуудыг цуглуулж форм tag-ийн ACTION хэсэгт тодорхойлсон байрлал руу илгээнэ. <br /> Бичигдэх хэлбэр:<br /> <input type=" submit" value=“Өгөгдөл илгээх" ><br />- Reset товч нь формын анхны төлөв буюу хэрэглэгч анх уг хуудас руу ороход ямар хэлбэртэй харагдаж байсан тэр төлвийг сэргээнэ. <br /> Бичигдэх хэлбэр:<br /><input type=" reset" value=“Формын анхны төлвийг <br /> сэргээх" ><br />

×