Âñ³ åëåìåíòè ôîðìè, ðîçì³ùåíî¿ íà ñòîð³íö³ âåá-ñàéòó, ôîðìóþòüñÿ áðàóçåðîì â³äâ³äóâà÷à íà îñíîâ³ HTML-êîäó, îäåðæóâàíîãî ¿ì ç ñåðâåðà. Êîìàíäè êîäó, ÿê³ íåñóòü ³íôîðìàö³þ ïðî òèï ³ çîâí³øíüîìó âèãëÿä³ êîæíîãî åëåìåíòà, íàçèâàþòüñÿ «òåãàìè». Ïðè íåîáõ³äíîñò³ âíåñòè ÿê³-íåáóäü çì³íè â ñòîð³íêó òðåáà ðåäàãóâàòè ñàìå ¿õ àáî òàáëèö³ ç îïèñàìè ñòèë³â, ùî â³äíîñÿòüñÿ äî öèõ òåãàìè.
²íñòðóêö³ÿ
ßêùî ó âàñ º ìîæëèâ³ñòü âèêîðèñòîâóâàòè âáóäîâàíèé â ñèñòåìó óïðàâë³ííÿ ñàéòîì ðåäàêòîð ñòîð³íîê, ïðîöåäóðà âèäàëåííÿ êíîïîê áóäå äóæå ïðîñòà. Óâ³éä³òü â öåé ðåäàêòîð ³ çàâàíòàæòå â íüîãî ïîòð³áíó ñòîð³íêó. Ïåðåêîíàéòåñÿ, ùî âèêîðèñòîâóºòüñÿ â³çóàëüíèé (WYSIWYG) ðåæèì ðåäàãóâàííÿ, âèä³ë³òü ñòàëà íåïîòð³áíîþ êíîïêó ôîðìè ³ êë³êí³òü íà ïàíåë³ óïðàâë³ííÿ ï³êòîãðàìó âèäàëåííÿ. Ïðîðîá³òü òàêó æ ìàí³ïóëÿö³þ ç óñ³ìà êíîïêàìè, ÿê³ ïîòð³áíî ïðèáðàòè, ³ çáåðåæ³òü ñòîð³íêó ç âíåñåíèìè äî íå¿ çì³íàìè.
Çíàéä³òü ó âèõ³äíîìó êîä³ ñòîð³íêè òåãè, ÿê³ ôîðìóþòü êíîïêè ôîðìè, ³ âèäàë³òü ¿õ «âðó÷íó», ÿêùî ìîæëèâ³ñòü ðåäàãóâàòè ñòîð³íêó â³çóàëüíèì ðåäàêòîðîì â³äñóòíÿ. Êîæåí HTML-òåã ïî÷èíàºòüñÿ ç â³äêðèâຠäóæêè <, çà êîòîðîé ñëåäóåò íàçâàíèå ýòîãî òåãà. Ïîñëå íåãî óêàçûâàþòñÿ äîïîëíèòåëüíûå ïàðàìåòðû («àòðèáóòû»), à çàâåðøàåòñÿ âñå çàêðûâàþùåé ñêîáêîé >. Âàì ïîòð³áíî øóêàòè òåãè, ó ÿêèõ ï³ñëÿ â³äêðèâຠäóæêè âêàçàíî íàçâó input, à ñåðåä àòðèáóò³â º îäèí ç öèõ âàð³àíò³â: type = "submit", type = "reset", type = "button", type = "image". Çíàéäåíó çàïèñ ïîòð³áíî âèäàëèòè, ïî÷èíàþ÷è ç â³äêðèâຠäóæêè ³ çàê³í÷óþ÷è çàêðèâàº.
²ñíóº ùå îäèí ñïîñ³á ôîðìóâàííÿ êíîïêè çàñîáàìè HTML, ÿêèé âàì òåæ òðåáà ïåðåäáà÷èòè. Ó ö³é ìîâ³ º êîíñòðóêö³ÿ ç äâîõ òåã³â (â³äêðèâຠ³ çàêðèâàº), ùî âèâîäèòü íà ñòîð³íêó êíîïêó ç íàïèñîì (¿¿ òåêñò ïîì³ùàºòüñÿ ì³æ öèìè äâîìà òåãàìè). Òàêèé íàá³ð äëÿ â³äîáðàæåííÿ êíîïêè ç íàïèñîì «Íàòèñíè!» Ìîæå âèãëÿäàòè, íàïðèêëàä, òàê: . Âàì ïîòð³áíî âèäàëèòè îáèäâà òåãà ³ òåêñò - ïî÷èíàþ÷è ç
ßêùî âñå «çàñóäæåí³» äî âèäàëåííÿ êíîïêè ôîðìóþòüñÿ ò³ëüêè òåãàìè button, ìîæíà íå øóêàòè â³äïîâ³äí³ ¿ì òåãè. Ó öüîìó âèïàäêó äîñèòü äîäàòè â çàãîëîâíó ÷àñòèíó âèõ³äíîãî êîäó îïèñ ñòèë³â, ÿêå çàáîðîíèòü â³äîáðàæåííÿ âñ³õ åëåìåíò³â öüîãî òèïó. Ùîá âèêîðèñòîâóâàòè òàêèé ìåòîä, äîäàéòå ïåðåä òåãîì öåé ðÿäîê: * button {display: none;}.
Ìîæíà â îïèñ ñòèë³â äîäàòè ³ çàáîðîíà â³äîáðàæåííÿ êíîïîê, ôîðìîâàíèõ òåãîì input, àëå íå ó âñ³õ âåðñ³ÿõ áðàóçåð³â â³í áóäå ïðàöþâàòè. Äëÿ òàêîãî âàð³àíòó íàâåäåíèé â ïîïåðåäíüîìó êðîö³ êîä òðåáà äîïîâíèòè òàê:
ßê çàïîâíèòè ïëàò³æíå äîðó÷åííÿ ïî ªÑÏ
ßê îðåíäóâàòè ³íòåðíåò-ìàãàçèí
ßê âåñòè æóðíàë ç ³ñòîð³¿
ßê îíîâèòè ñòàð³ øïàëåðè
ßê âèâ÷èòèñÿ íà þðèñòà
ßê ïðàâèëüíî ïèòè ìîëîêî: çíàííÿ ìóäðåö³â
ßê âêëþ÷èòè ïåðåâ³ðêó äèñêà