лабораторийн ажил 5
- 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=quot;
textquot;
name=quot;
text1quot;
size=quot;
30quot;
value=Default><br />type – формын элементийн төрлийг тодорхойлно<br />name – javascript кодчлолд ашиглагдах нэр<br />size – хэмжээ буюу оруулах тэмдэгтийн тоо <br />value – текст талбарт гарах утга<br />Жишээ 2. Сheckbox үүсгэх<br />45720053975<form> CheckBox <br><br /> <input type=quot;
checkboxquot;
name=quot;
chk1quot;
<br /> value=quot;
Onequot;
checked>CheckBox 1<br><br /> <input type=quot;
checkboxquot;
name=quot;
chk2quot;
<br />value=quot;
Twoquot;
> CheckBox 2 <br /> </form><br />Жишээ 3. Radiobutton үүсгэх<br />457200102235 <input type=quot;
radioquot;
name=“rdButtonquot;
<br /> value=“rd1quot;
checked> Radio Button1 <br /> <br><input type=quot;
radioquot;
name=quot;
rdButtonquot;
value=“rd2quot;
> Radio Button2<br />// checked - сонгогдсон байх утга <br /> <br />Жишээ 4. Сонголтын цэс үүсгэх<br /><select name=quot;
Lessonsquot;
><br /><option value=quot;
sw201quot;
> Алгоритмынvндэс </option><br /><option value=quot;
sw202quot;
> Програмчлалын хэл </option><br /><option value=quot;
sw203quot;
selected> Объект хандлагат програмчлал </option><br /><option value=quot;
sw204quot;
> Өгөгдлийн бvтэц </option><br /></select> <br />// selected – форм үүсэхэд сонголтын цэсээс сонгогдсон байх утга<br /> <br />Жишээ 5. Товч үүсгэх<br /> - Submit товч нь формын элементүүдийн утгуудыг цуглуулж форм tag-ийн ACTION хэсэгт тодорхойлсон байрлал руу илгээнэ. <br /> Бичигдэх хэлбэр:<br /> <input type=quot;
submitquot;
value=“Өгөгдөл илгээхquot;
><br />- Reset товч нь формын анхны төлөв буюу хэрэглэгч анх уг хуудас руу ороход ямар хэлбэртэй харагдаж байсан тэр төлвийг сэргээнэ. <br /> Бичигдэх хэлбэр:<br /><input type=quot;
resetquot;
value=“Формын анхны төлвийг <br /> сэргээхquot;
><br />
