Дәріс-11. Html қҰжаттарындағы формалар

жүктеу/скачать 0,51 Mb.

Дата	20.04.2023
өлшемі	0,51 Mb.
	#84832

Байланысты:
Дәріс 11 web тех

Форма тәгімен жұмыс істеу

ДӘРІС-11. HTML ҚҰЖАТТАРЫНДАҒЫ ФОРМАЛАР.

Дәріс мақсаты: HTML формалары оқырмандардан ақпарат алуға мүмкіндік жасау. Бұған дейін біз тек деректерді шығару әдістерін талқылап келген болсақ, енді әрі қарай, керісінше оларға мәлімет енгізу әрекеті туралы айтамыз.
Формаларды әртүрлі мақсаттарда қолдану мүмкіндігін көрсету.

тәгі

Әрбір форма осы тәгпен басталады. Оның қолданылатын скрипт және мәліметтерді жөнелту әдісін көрсететін екі атрибутын анықтап алу қажет.

Атрибут	Атқаратын қызметі
ACTION	Форма мәліметтерін қабылдап, оны өңдейтін URL-ды анықтайды. Егер бұл атрибут анықталмаса, онда мәліметтер форма орналасқан бет адресіне жіберіледі
METHOD	Форманы өңдеу программасына (скрипт) қалайша ақпарат жөнелтілетінін көрсетеді. Әдетте, оның мәні POST болады, мұндайда форма мәліметі URL-дан бөлек жеке жөнелтіледі. Ал оның мәні GET болса, мәлімет URL-мен бірге жіберіледі

Мысал:

…

Бұл мысалдар броузерге белгіленген. Сіздің серверіңіздің cgi-bin каталогында орналасқан comment_script скриптімен өңдеу мақсатында толық нысанды жөнелту және post жөнелту әдісін қолдану туралы бұйрық көрсетілген.
Бір бетте орналасатын формалар саны шектелмеген. Бірақ та бір форманың екінші бір формаға орналасып кетпеуін қадағалау керек.

Форма тәгімен жұмыс істеу

, <SELECT> және <INPUT> формаларында өрістердің түр-түрін жасау үшін HTML-да үш тәг болады. Олардың кез келген саны контейнерде <FORM> және </ FORM> тәгтері арасында орналасуы мүмкін.
<br />Төменде 17-кестеде олардың қысқаша сипаты көрсетілген, бірақ кейінірек олар толығымен қарастырылады.
<br />
<br />
<br /><center> <table width="436" cellpadding="7" cellspacing="0"> <col width="102"> <col width="305"> <tr valign="top"> <td width="102"> 
<br />Тәг
<br /></td> <td width="305"> 
<br />Атқаратын қызметі
<br /></td> </tr> <tr> <td width="102"> 
<br /><TEXTAREA>
<br /></td> <td width="305" valign="top"> 
<br />Қолданушының көп жолды мәтіндік ақпаратын енгізетін өрісті анықтайды.
<br /></td> </tr> <tr> <td width="102"> 
<br /><SELECT>
<br /></td> <td width="305" valign="top"> 
<br />Қолданушыға айналдыру жолы бар терезеде немесе ашылатын менюда таңдау жасауға мүмкіндік береді.
<br /></td> </tr> <tr> <td width="102"> 
<br /><INPUT>
<br /></td> <td width="305" valign="top"> 
<br />Ақпаратты енгізудің кейбір өзге түрлерін қамтамасыз етеді: мәтіннің 1 жолын енгізу, жалаушаларды орнату мен жою ( CHECK boxes), айырып- қосқышты таңдау (Radio buttons) және деректерді жөнелту немесе форманы тазартуға арналған кнопкалардың басылуы.
<br />
<br />
<br /></td> </tr> </table> </center> 
<br /><h3> <ТEXTAREA> тәгі</h3> 
<br />Бұл тәг көпжолды мәтіндік ақпаратты енгізу мақсатында өріс құруға арналған. TEXTAREA контейнерінде, дереу енгізу өрісіне шығарылатын кез келген мәтін орналастыруға жол беріледі. Бұл тәгтің атрибуттарын айтып өтейік.  
<br />
<br />
<br /><center> <table width="380" cellpadding="7" cellspacing="0"> <col width="58"> <col width="292"> <tr> <td width="58" valign="top"> 
<br />Атрибут
<br /></td> <td width="292"> 
<br />Атқаратын қызметі
<br /></td> </tr> <tr> <td width="58"> 
<br />NAME
<br /></td> <td width="292" valign="top"> 
<br />өріс атынанықтайды; қажет
<br /></td> </tr> <tr> <td width="58"> 
<br />ROWS
<br /></td> <td width="292" valign="top"> 
<br />өріс <a href="/sabati-tairibi-atpen-seruendeu.html">биіктігін бекітеді</a>, яғни оның ішіндегі жолдар санын
<br /></td> </tr> <tr> <td width="58"> 
<br />COLS
<br /></td> <td width="292" valign="top"> 
<br />өріс кеңдігін, яғни жол ұзындығын бекітеді.
<br /></td> </tr> </table> </center> 
<br /><b>Мысал:</b>
<br /><HTML><body>
<br /><FORM>
<br /><TEXTAREA> <a href="/bafdarlamasi-baspafa-nazarbaev-ziyatkerlik-mektepteri.html">кез келген мәтін</a>

Жыл мерзімін таңдаңыз:

Жыл мезгілін таңдаңыз:

Форма 1:

2 форма:

Өзің туралы бір ауыз сөз:

жүктеу/скачать 0,51 Mb.

Достарыңызбен бөлісу: