Форма. форма. Формаларды РУ
 Скачать 120.04 Kb.
|
ФОРМАЛАРДЫ ҚҰРУ.Жұмыс мақсаты: HTMLтілінде формалар құруды, мәтіндік өрістерді, жалаушаларды, ауыстырып-қостырғыштарды, батырмаларды орнатудыүйрену. Қысқаша теориялық мағлұматтар:Web - парақта қолданушымен интерактивті байланыс орнату үшін формалар қолданылады. Формаға мына басқару элементтерін орналастыруға болады: мәтіндік өрістер, жалаушалар, ауыстырып- қостырғыштар, батырмалар жәнет.б. Бұл элементтерді қолданушы серверге ақпарат жіберу үшін қолданады. Форма жұбының арасына енгізілген әр түрлі тегтер мен атрибуттар көмегімен жасалынады. HTML-құжат құрамында бірнеше форма болуы мүмкін, алайда олар бірінің ішінде бірі орналасуы тиіс. элементі.FORM элементі толтырылатын форманы жасау үшін пайдаланылады. Бастапқы және соңғы тегтің болуы міндетті. FORM элементінің ішінде HTML-элементтердің көбін пайдалануға рұқсат етіледі. Форма элементтері орналасады Ол келесі атрибуттарға ие болуы мүмкін: Name - аталған құжат үшін қайталанбас форма атауын анықтайды. Егер құжатта бірнеше форма болған жағдайда қолданылады. Method – бұл атрибут cgi сценарийіне мәліметтерді жіберу тәсілін анықтайды. Бұл жерде get хаттамасы қалып бойынша таңдалған, алайда көптеген жағдайларда өңдеушілер post хаттамасын пайдаланады, ол мәліметтердің үлкен көлемін жіберуге мүмкіндік береді. (get- шағын хабарларды жіберуге қолданылады. Форма мәліметтері шақыру жолына “?” белгісімен қосылады. Post - хабар жіберудің универсал әдісі. Форма мәліметтері форма денесіне қосылып түгеліменжіберіледі). action – бұл атрибут cgi сценарийіне жолды немесе электрондық пошта адресін анықтайды. enctype – бұл атрибут форма мазмұнының кодталу тәсілін анықтайды. Басқаша сөздермен айтқанда ол браузерге мәліметті серверге жібермес бұрын оны кодтау тәсілін хабарлайды. Қалып бойынша x-www-form-encode мәні қолданылады. элементі.элементі форманың барлық элементтері үшін базалық болып табылады. Ол формаға батырмаларды, графикалық суреттерді, жалаушаларды, ауыстырып-қосқыштарды, құпия сөздер мен мәтіндік жолдарды енгізу үшін пайдаланылады. тегінің «TYPE» атрибуты келесі мәндерге ие: TEXT – бір жолдық мәтіндік аймақ, форманың басқа элементтерінде енгізуге болмайтын ақпаратты енгізу үшін қолданылады. Мұнда кез келген түрлі есімдер, адрестер, лауазымдар, телефондар, хоббилер және басқа да әр түрлі мәліметтер енгізіледі. Оның негізгі атрибуттары: maxlength. Енгізілетін мәннің символдар бойынша максималды мүмкін мәнін береді. size. Символдар бойынша өрістің максималды мүмкін мәнін береді. value. Өзгертуге болатын қалып бойынша мәнді береді. Мысалы: PASSWORD – енгізілетін символдар орнына жұлдызшалар бейнеленетін, яғни парольді енгізуге арналған бір жолдық өріс. Ол мына атрибуттарға ие болуы мүмкін: Мысалы: maxlength="35" size="20"> CHECKBOX  - жалаушалар пайдаланушыға қысқа жауап беруге мүмкіндік беру үшін қолданылады: ия/жоқ, ақиқат/жалған, көп/аз және т.б. Оның негізгі атрибуттары:checked. Жалаушаның бастапқы мәнін қалып бойынша белгілейді. value. Өзгертуге болатын мәнді қалып бойынша белгілейді. Мысалы: RADIO – жалаушаларға ұқсайтын ауыстырып-қосқыштар, олар тек таңдаудың кеңірек қызметтік мүмкіндіктерімен ерекшеленеді. Ауыстырып-қосқыштар тобынан тек біреуін ғана таңдауға болады. Әрбір ауыстырып-қосқыш үшін INPUT жеке элементі белгіленеді. Мысалы: Visa Mastercard name="payment_type" value="mastercard"> American Express name="payment_type" value="AmEx"checked>  SUBMIT – бұл батырманы басқанда, RESET – батырма қалып бойынша белгіленген мәндерді өзгерту үшін пайдаланылады. Егер қалып бойынша мән берілмейтін болса, ол жай ғана нөлге теңеледі. Батырма ені басқа элементтерге байланысты өзгеруі мүмкін. Ол да value атрибуттарына ие. Мысалы:  BUTTON – басқа батырмаларды жасайды, пайдаланушылар браузерлері файлдың бастапқы атауы ретінде value атрибутын пайдалана алады. Мысалы: Тапсырма-1. TYPE атрибутының "TEXT" мәнін қолданып формақұру.Құжатты veb10_1.html атауымен сақтаңыз.  Сурет-1.10.1. Тапсырма-2. TYPE атрибутының "PASSWORD" мәнін қолданып форма құру. Пароль құруBGCOLOR=lime> "Сheckbox" элементі арқылы жалаушаларды құруBGCOLOR=fuchsia> Ауыстырып-қосқыштар мен батырмаларды құруBGCOLOR=teal> ПәндерBGCOLOR=silver> BGCOLOR=yellow> Ауыстырып-қосқыш пен батырма құру |