Форма элементтерін стандарттан тыс қолдану

HTML тә гтерінің кө бісі қ олдану кезінде ө здерінің негізгі қ ызмет­те­рінен басқ а мақ саттарда пайдаланылып жатады, мысалы, кестелер па­рақ тарды белгілеу ү шін қ олданылады. Сондық тан форма элемент­те­рін қ олдану кезінде ә р тү рлі тә жірибе жасаудан тартынуғ а болмайды.

17 сурет

Осындай мақ саттарда таң дау менюін пайдаланғ ан ең ың ғ айлы тә сіл болып табылады. Суырылып шығ атын меню ақ параттық ағ ынғ а енгізілген мә тіндік алап (жол) қ ызметін атқ ара алады. Мысалы, таң дау менюін шағ ын ә ң гімелер енгізу ү шін қ олдануғ а болады (OPTION элементтеріне мә тін ү зінділерін енгізу арқ ылы). Бұ л мү мкіндіктерді қ олдану оқ ырмандарды осы парақ мә ліметтерімен екпінді тү рде жұ мыс жасауғ а шақ ырады. Тө менде суырылып ашылатын тізімнің автор туралы шағ ын ә ң гіме орна­ластыру ү шін қ олданылғ анын кө рсе­тетін HTML-қ ұ жаты келтірілген. 18 суретте мысалдағ ы “Автобиогра­фия” батырмасын басқ аннан кейін қ андай болатыны бейнеленген.

18 сурет

Осы суретке сә йкес программа мә тіні:

< HTML> < BODY> Ө зім туралы бір ауыз сө з:

< FORM>

< SELECT NAME=" about" >

< OPTION SELECTED VALUE=" line0" > Автобиография

< OPTION VALUE=" line1" > -----------------------------

< OPTION VALUE=" line2" > Менің атым Ә йгерім.

< OPTION VALUE=" line3" > Мен 1-курс студентімін.

< OPTION VALUE=" line4" > Мағ ан ұ найтындар: ә н айту, сурет

салу, теннис ойнау.

< OPTION VALUE=" line5" > Мағ ан мына адреске хат жолдай

аласыздар:

< OPTION VALUE=" line6" > aygerim@mail.kz

< /SELECT>

< /FORM>

< /BODY>

< /HTML>

19 сурет

Енді формалардың бірсыпыра мү мкіндіктерін қ амтитын тағ ы бір мысал келтірейік (19 сурет).

< html> < head> < title> Формы< /title> < /head>

< body>

< form action=" https://www.mysite.com/cgi-bin/test.exe" method=" post" >

< br> Мә тін енгізілетін ө ріс < input type=" text" >

< br> Пароль енгізілетін ө ріс < input type=" password" >

< br> Тә уелсіз қ осқ ыш < input type=" checkbox" value=" checked" >

< br> Радиобатырмалар:

< br> 1 вариант < input type=" radio" name=" groupl" value=" checkl" >

< br> 2 вариант < input type=" radio" name=" groupl'' value=" check2 checked>

< br> 3 вариант < input type=" radio" name=" groupl" value=" check3" >

< p> < input type=" submit" value=" Жө нелту" >

< /form>

< /body>

< /html>

Тапсырмалар:

Тө мендегі 20-суретке сә йкес форма жасаң ыздар. Оны безендіруге қ ойылатын талаптар:

1) Пароль ө рісі 10 символдан аспауы тиіс жә не енгізілген мә ліметтер кө рсетілмейтін болсын.

2) Барлық сұ рақ тар нө мірлері ішінен тек біреуі ғ ана таң далуы тиіс, алдын ала келісім бойынша бірінші сұ рақ таң далуы керек;

3) Сұ рақ жауаптарына арналғ ан ө ріс ә рқ айсысы алпыс символдан тұ ратын тө рт жолды қ амтуы тиіс, бастапқ ы мә ні – "????? ";

20 сурет

Бақ ылау сұ рақ тары:

1. Формалардың атқ аратын қ ызметі, орындалу тә гі жә не атрибуттары.

2. < TEXTAREA>, < SELECT>, < INPUT> < OPTION> тә гтерінің қ ызметі мен атрибуттары жә не олардың мү мкін мә ндері.

3. Батырманы қ алай жасауғ а болады? Қ осқ ышты ше?

4. Енгізілген мә ліметтерді тазалау қ алай орындалады?