Aмaлий иш мавзу: Ҳтмл ва теглар ҳақида тушунчалар. ҲТмл тегларида уч ҳил турдаги тугмалар, сурат ва видео теглар билан ишлаш

инпут тйпе="филе" />
Aгар инпут тегнинг тйпе атрибути “филе”га тенг бўлса, ушбу форма фойдаланувчига бирор файлни танлаш имконини беради.
<инпут тйпе="субмит" />
Ушбу формаларда, фойдаланувчи киритган маълумотларни серверга жўнатиш учун “субмит” турига ега бўлган инпут яратамиз.
<инпут тйпе="субмит" валуе="Жўнатиш" />
Тугмача текстини алмаштириш учун, валуе атрибутидан фойдаланамиз.
форм>
Исмингиз: <инпут тйпе="техт" /> <бр />
Парол: <инпут тйпе="пассwорд" /> <бр />
<инпут тйпе="субмит" валуе="Жўнатиш" />

Бу йерда бошқа теглар...
<форм>
Е-маил: <инпут тйпе="техт" /> <бр />
Файл: <инпут тйпе="филе" /> <бр />
<инпут тйпе="субмит" валуе="Менга бос" />

Бир саҳифада бир нечта форм теглари бўлиши мумкин. Ҳар бир тугмача, ўзи жойлашган <форм> теги орасидаги формаларни – серверга юборади. Мисол учун “Жўнатиш” тугмасига боссак, серверга “Исмингиз” ва “Парол” формаларига киритилган маълумотлар юборилади. “Менга бос” тугмачаси босилганда еса, “Е-маил” ва “Файл” формаларидаги маълумотлар серверга боради.

Жинсингизни танланг <бр />
<инпут тйпе="радио" /> Еркак <бр />
<инпут тйпе="радио" /> Aёл <бр />
<инпут тйпе="радио" /> Ўзга сайёралик <бр />
<форм>
Исмингиз: <инпут тйпе="техт" наме="исм" /> <бр />
Шарфингиз: <инпут тйпе="техт" /> <бр />
Файл: <инпут тйпе="филе" /> <бр />
Уйланганмисиз? <бр />
<инпут тйпе="радио" наме="марриед" /> Ҳа <бр />
<инпут тйпе="радио" наме="марриед" /> Йўқ <бр />
<инпут тйпе="субмит" валуе="Жўнатиш" />
Уйланганмисиз? <бр />
<инпут тйпе="радио" наме="марриед" валуе="ҳа" /> Ҳа <бр />
<инпут тйпе="радио" наме="марриед" валуе="ёқ" /> Йўқ <бр />
Енди қай бир вариантни танлаганимизга қараб, серверга “марриед=ҳа”, ёки “мерриед=ёқ” маълумоти боради.
Уйланганмисиз?
<инпут тйпе="радио" наме="марриед" валуе="ҳа" /> Ҳа
<инпут тйпе="радио" наме="марриед" валуе="ёқ" чеcкед /> Йўқ
Aгар бирор бир вариант олдиндан танланган бўлиб туришини истанасгиз, унга “чеcкед” атрибутини жойланг. Бошқа кўрган атрибутларимиздан фарқли, ушбу атрибутнинг қиймати йўқ. Шунинг учун ушбу атрибут ортидан тенг белгиси ҳам қўйилмаган.
Қайси спорт турига қизиқасиз? <бр />
<инпут тйпе="чеcкбох" наме="бох" /> Бокс <бр />
<инпут тйпе="чеcкбох" наме="фоотбалл" чеcкед /> Футбол <бр />
<инпут тйпе="чеcкбох" наме="волейбалл" /> Волейбол <бр />
Aгар бир неча вариант танлаш имкони керак бўлса, чеcкбох формасини ишлатамиз. Жўнатиш тугмачасини босганимизда, серверга фақат танланган маълумотлар боради.
<инпут тйпе="ресет" валуе="Қайтариш" />
Яна битта тугмача яратамиз. Ресет тугмасининг вазифаси: фойдаланувчи формага ўзгариш киритганда, уни асл ҳолатига қайтариш.
<инпут тйпе="буттон" валуе="Тугмача" />
Яна бир тугмача тури – буттон. Бу оддий тугмача бўлиб, уни босганимизда ҳеч нарсаа рўй бермайди. Лекин, ЖаваСcрипт дастурлаш тили орқали, ушбу тугмача босилгана нима содир бўлиши керакли еканлигини кўрсатишимиз мумкин. ЖаваСcрипт ҳақидаги дарсимизда буни амалда кўрамиз.


<инпут тйпе="субмит" валуе="Жўнатиш" />
<инпут тйпе="буттон" валуе="Тугмача" />
<инпут тйпе="ресет" валуе="Қайтариш" />
<буттон>Жўнатиш
<буттон тйпе="ресет">Қайтаришбуттон>
<буттон тйпе="буттон">Тугмачабуттон>
Биз уч ҳил тугмача кўрдик. Ушбу тугмачаларнинг бошқача, ёпилиши шарт бўлган тег вариантлари ҳам бор.

Яна бир турдаги форма, бу рўйҳатдан бирор вариантни танлаш. Радио тугмалардан фарқли, ушбу форма ёпиқ ҳолда бўлиб, кўп жой олмайди. Устига босганингизда очилиб, бирор вариантни танлаганингиздан сўнг, яна ёпилади.