Енгізу рісі трі, <TYPE> атрибуты

<INPUT> тгіні <TYPE> атрибуты мндері кестеде крсетілген. 6 кесте

Атрибут Атаратын ызметі
TEXT Мтін енгізуге арналан ріс рылады, ол бірнеше жолдан труы ммкін. Бл ріс типі шін NAME (міндетті трде), SIZE, VALUE жне MAXLENGTH атрибуттары олданы­лады. TYPE атрибуты крсетілмесе, осы ТЕХТ сзі алдын ала келісім бойынша орнатылатын мн болып табылады.
PASSWORD Пароль енгізілетін ріс рылады, оан терілген табалар крсетілмей, жлдызшалармен ауысты­рылып крсетіледі. Бл ріс типіні параметрлерін айындау шін SIZE, VALUE жне MAXLENGTH атрибуттары олданылады.
CHECKBOX Шаын квадрат ішіне жалауша (a) орналастыруа арнал­ан рістер рылады, ол бірнеше нсаны тадауа мм­кін­дік береді. Бл ріс типі шін NAME, VALUE жне CHECKED (жалаушаны алдын ала бекіт­іл­ген мнін анытайды) атрибуттары олда­ны­лады. Мысалы:  
RADIO Бірнеше батырмалар жасап, оларды ішінен біреуін тадауа ммкін­дік береді. NAME, VALUE жне CHEC­KED атрибуттары олданылады. Мысалы, тмендегідей:  
RESET Форманы тазартуа арналан батырма жасауа ммкіндік береді. VALUE атрибуты бл жерде осы батырмаа ат беру шін олданылуы ммкін (алдын ала келісім бойын­ша батырмаа RESET деген ат беріледі)
SUBMIT Енгізілген мліметтерді серверге жнелтіп, скрипт-прог­рамма арылы оларды ндеуді жзеге асыратын батырма жасау шін олданылады. VALUE атрибутында бл батыр­маны аты крсетілуі ммкін (келісім бойынша аты – SUBMIT QUERY).

Мысал:

Келесі формада ТYPE атрибутыны TEXT мні олданылады.

<HTML>

<BODY>

<FORM> Телефон нміріізді енгізііз:

<INPUT TYPE="TEXT" NAME="Phone"

SIZE="15" MAXLENGTH="15" >

</FORM>

</BODY>

</HTML>

    12 сурет

 

TYPE атрибутыны PASSWORD мніні олданылуы.

<HTML>

<BODY>

<FORM> пия сз енгізііз:

<INPUT TYPE=”PASSWORD” NAME=”SECRET_WORD”

SIZE=”30” MAXLENGTH=”30”>

</FORM>

</BODY>

</HTML>

 

    13 сурет

 

TYPE атрибутыны CHECKBOX мнін арастырайы.

<HTML>

<BODY>

<FORM>

<INPUT TYPE="CHECKBOX" NAME="CHECKBOX1”

VALUE="checkbox_value1">Вариант

<BR>

<INPUT TYPE="checkbox" NAME="checkbox2"

VALUE="checkbox_value2" CHECKED>

Алдын ала тадалан нса

</FORM>

</BODY>

</HTML>

Келесі мысалда батырмалар жасалады, екі-екіден батырмасы бар екі форма кестені кршілес яшытарында орналасан.

 

    14 сурет

 

<HTML>

<BODY>

<TABLE ALIGN=CENTER BORDER CELLSPACING=10>

<TR>

<TD> 1 форма:

<FORM>

<INPUT TYPE="RADIO" NAME="CHOICE"

VALUE="CHOICE1">yes

<INPUT TYPE="RADIO" NAME="CHOICE"

VALUE="CHOICE2">no

</FORM>

</TD>

<TD>2 форма:

<FORM>

<INPUT TYPE="RADIO" NAME="CHOICE"

VALUE="CHOICE1" CHECKED> yes

<INPUT TYPE="RADIO" NAME="CHOICE"

VALUE="CHOICE2"> no

</FORM>

</TD>

</TR>

</TABLE>

</BODY>

</HTML>

    15 сурет

 

Келесі формада TYPE атрибутыны RESET мні, яни енгізілген мліметтерді тазарту жолы олданылан, нтижесі 16 суретте крсетіл­ген.

<HTML>

<BODY>

<FORM> Аты-жніізді енгізііз:

<INPUT TYPE="text"><BR>

Телефоныыз: <INPUT TYPE="text"><BR>

<INPUT TYPE="reset" VALUE="Форманы тазарту">

</FORM>

</BODY>

</HTML>

Енді TYPE атрибутыны SUBMIT мнін олданайы (16 сурет).

<HTML>

<BODY>

<FORM>

<TEXTAREA> Маан сен найсы! </TEXTAREA><BR>

<INPUT TYPE="submit" VALUE="мліметтерді жнелту!">

</FORM>

</BODY>

</HTML>

    16 сурет

 

 

    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 сурет).

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

<body>

<form action="http://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>

 

    19 сурет

 

4) "Форманы тазарту" батырмасы форманы бастапы трін айта алпына келтіруі керек.

20 JavaScript бадарламалау тілі JavaScript – бл объектіге жне тілдік ралдара негізделген, жне орта ммкіндіктері объектімен сынылатын, программалау тілі, ал JavaScript сценарилер (программа) бл зарарекеттенуші объектілер жинаы. JavaScript объектісі – бл реттелмеген асиеттер жинаы, оны рбіреуіні ноль немесе одан кп атрибуттары бар, олар бл асиет алай олданылуы ммкіндігін анытайды. Мысалы, егер ReadOnly асиетіні атрибутына true (шын) мні меншіктелсе, онда осы асиеттерді программалау арылы згерту ммкіндіктері нтижесіз болады. асиет бл баса объектілерден,кп олданылатын мндер мен дістерден ралатын контейнерлер. Кп олданылатын мндер – бл кез келген енгізілген Undefined, Null, Boolean, Number и String типтеріні элементі; объект бл енгізілген Object типіні таы бір элементі; діс асиетпен арылы объектпен ассоциированлан функция. JavaScript программа тілі бренд Эйк есімді программист тарапынан Netscape Communications-та Netscape Navigator броузерлері шін 2.0-версиясынан басталып, сценарийлер тілі ретінде ндірілген болатын. Бл тілді кейінгі дамытылу жмыстарына Майкрософт Корпорациясы да осылды, оларды Internet Explorer –броузерлері JavaScript-ті шінші версиясынан бастап, олдайды. Майкрософт версиясы JScript деген атауа ие болды, себебі, JavaScript тілі Netscape фирмасыны тіркелген маркасы болып табылады. 1996 жылы ЕСМА осы тілді стантартизациялау туралы шешім абылдады, 1997 жылды маусымында ЕСМАScript (ЕСМА-262) есімді бірінші версиясы абылданан болатын. 1998 жылды суірінде бл стандарт ISO тарапынан ISO/IEC 16262 нмірімен халыаралы стандарт болып абылданды. Біз, келесі атарда ЕСМА стандартыны шінші версиясымен (1999 ж. желтосан) танысамыз, біра келесі екі себептен ЕСМАScript атауын емес, JavaScript атауын олданамыз [11]. JavaScript, Global, Object, Error, Function, Array, String, Boolean, Number, Math, Date, RegExp сыйатыбірнешеенгізілгенобъектіденралады.Бданбаса, JavaScript ататрдеайтанда, міндеттітрдефункциямендісболыптабылмайтыненгізілгеноперацияларжинаынан, соныменатар, программаныорындалулогикасынбасаратыненгізілгеноператорлардыжинаынанралады. JavaScript синтаксисінегізінен Java тілінісинтаксисінесйкескеледі, бірасценарилертілінйренугежеілтетушіноныменсалыстырандажеілдетілген.Мысалы, айнымалылардекларациясыонытипіненралмайды, асиеттетипсізболады, алфункциядекларациясыпрограмматексттіндеонышаыраннанкейінтруынаболады. JavaScript тілі JavaScript жнеС++ тілдеріменсалыстырандаататрдеобъектілерклассынантрмайды.Оныорнынаоларшінобъектілердірудыжадыблужолыменжадыныконструкторлардыолдайды, олОныорнынаолобъектілердіоларшінжадыблужнеолардыбарлынемесекейбірасиеттеріниницализациялаужолыменратынконструкторлардыолдайды.

HTML жатыны рылымын анытау тгтері. HTML жатыны кез келгені <HTML> тгінен басталып, соан сйкес </HTML>тріндегі жабылу тгімен аяталады. Осы екеуіні ортасында жатты таырыпты блігі мен тласы болып келетін негізгі блігі орналасады.

жатты таырыпты блігі <HEAD>жне</HEAD> тгтеріні ортасында трады да, жалпы жат туралы млімет береді. детте, бл блікте <TІTLE> ... </TІTLE> тгтерімен шектелетін жатты терезе мадайшасында тратын ресми атауы орналасады. Кптеген броузер­лер оны терезе таырыбында тратын файл аты есебінде пайдаланады.

Осы жатты принтер арылы баспадан шыаранда, броузер оны р параты сол жа жоары брышына жазып отырады. Атауды те зын болмааны дрыс, детте ол 64 символдан аспауы керек.

Жазылатын мтін жатты негізгі тласы деп аталатын <BODY> ... </BODY> тгтеріні ортасына жазылады. Бл ос белгі HTML-­жат­ты негізгі мазмнды блігіні басын жне соын білдіреді.

Жоарыда келтірілген трт тг HTML жатыны кез келгенінде болуы тиіс. Біра <HTML>, <TІTLE> тгтерін жазбай кетсе де болады, дегенмен HTML тіліні рылымы оларды толы болуын талап етеді. йткені алдын ала ттынушы­ны андай броузер пайдаланатыны, он­ы алай жмыс істейтіні программа рушыа белгісіз болады ой.