× Ï Ò Ì Ä Á É
×ÏÒÌÄÁÉÓ ÓÀÛÖÀËÄÁÉÈ HTML ÃÏÊÖÌÄÍÔÉÃÀÍ ÛÄÓÀÞËÄÁÄËÉÀ ÉÍ×ÏÒÌÀÝÉÉÓ ÂÀÃÀÂÆÀÅÍÀ ÒÏÌÄËÉÌÄ ßÉÍÀÓßÀÒ ÂÀÍÓÀÆÙÅÒÖË ßÄÒÔÉËÛÉ, ÓÀÃÀÝ ÀÌ ÉÍ×ÏÒÌÀÝÉÀÓ ÂÀÒÊÅÄÖËÉ ÓÀáÉÈ ÃÀÀÌÖÛÀÅÄÁÓ ÓÐÄÝÉÀËÖÒÉ ÐÒÏÂÒÀÌÀ ÓÊÒÉÐÔÉ. ×ÏÒÌÉÓ ÛÄØÌÍÀ ÂÀÝÉËÄÁÉÈ ÌÀÒÔÉÅÉÀ, ÅÉÃÒÄ ÀÌ ÉÍ×ÏÒÌÀÝÉÉÓ ÃÀÌÀÌÖÛÀÅÄÁÄËÉ ÓÊÒÉÐÔÉÓÀ, ÒÏÌÄËÉÝ ÌÏÉÈáÏÅÓ ÐÒÏÂÒÀÌÉÒÄÁÉÓ ÓÀ×ÖÞÅËÉÀÍ ÝÏÃÍÀÓ. ÂÀÅÄÝÍÏÁÉÈ ×ÏÒÌÄÁÉÓ ÛÄØÌÍÀÓ HTML-ÛÉ.
×ÏÒÌÀ ÉßÚÄÁÀ ÔÄÂÉÈ <FORM> ÃÀ ÉáÖÒÄÁÀ </FORM> ÔÄÂÉÈ. HTML ÃÏÊÖÌÄÍÔÉ ÛÄÉÞËÄÁÀ ÛÄÉÝÀÅÃÄÓ ÒÀÌÏÃÄÍÉÌÄ ×ÏÒÌÀÓ, ÌÀÂÒÀÌ ×ÏÒÌÀÛÉ ×ÏÒÌÉÓ ÌÏÈÀÅÓÄÁÀ ÀÒ ÛÄÉÞËÄÁÀ, áÏËÏ HTML ÔÄÂÄÁÉ ÃÀ ÔÄØÓÔÉ ÛÄÉÞËÄÁÀ ÂÀÍÖÓÀÆÙÅÒÄËÉ ÒÀÏÃÄÍÏÁÉÈ ÉÚÏÓ. ×ÏÒÌÀÓ aqvs ÓÀÌÉ ÀÔÒÉÁÖÔÉ:
ACTION - ÀÖÝÉËÄÁÄËÉ ÀÔÒÉÁÖÔÉ. ÌÉÖÈÉÈÄÁÓ ÐÒÏÂÒÀÌÀ ÓÊÒÉÐÔÉÓ ÌÉÓÀÌÀÒÈÓ, ÒÏÌÄËÓÀÝ ÌÏÍÀÝÄÌÄÁÉ ÃÀÓÀÌÖÛÀÅÄÁËÀÃ ÂÀÃÀÄÝÄÌÀ;
METHOD - ÂÀÍÓÀÆÙÅÒÀÅÓ, ÈÖ ÒÏÌÄËÉ ,,ÐÒÏÔÏÊÏËÉÈ" ÂÀÃÀÄÝÄÓ ÌÏÍÀÝÄÌÄÁÉ ÓÊÒÉÐÔÓ. ÀÌ ÀÔÒÉÁÖÔÓ aqvs ÏÒÉ ÌÍÉÛÅÍÄËÏÁÀ Get ÃÀ Post . ÌÉÈÉÈÄÁÖËÉ ÀÒÀÀ, ÉÂÖËÉÓáÌÄÁÀ METHOD=GET;
ENCTYPE – ÂÀÍÓÀÆÙÅÒÀÅÓ, ÈÖ ÒÏÂÏÒ ÌÏáÃÄÁÀ ÓÊÒÉÐÔÉÓÈÅÉÓ ÂÀÃÀÓÀÝÄÌÉ ÌÏÍÀÝÄÌÄÁÉÓ ÊÏÃÉÒÄÁÀ. ÈÖ ÌÉÈÉÈÄÁÖËÉ ÀÒÀÀ, ÈÀÅÉÓÈÀÅÀà ÉÂÖËÉÓáÌÄÁÀ: ENCTYPE=application/x-www-form-urlencoded.
ÖÌÀÒÔÉÅÄÓÉ ×ÏÒÌÄÁÉ
ÓÊÒÉÐÔÓ ÒÏÌ ÂÀÃÀÄÝÄÓ ÌÏÍÀÝÄÌÄÁÉ ×ÏÒÌÉÃÀÍ, ÓÀàÉÒÏÀ ÒÀÙÀÝ ÌÄØÀÍÉÆÌÉ. ÀÌ ÌÄØÀÍÉÆÌÉÓ ÛÄØÌÍÀ ÞÀËÆÄ ÌÀÒÔÉÅÉÀ:
<INPUT TYPE=Submit> ÁÒÏÖÆÄÒÉ, ÓÀÃÀÝ ÛÄáÅÃÄÁÀ ÀÌ ÊÏÃÓ, ÄÊÒÀÍÆÄ ÂÀÌÏÓÀáÀÅÓ RÉËÀÊÓ ßÀÒßÄÒÉÈ - Submit. ÌÀÓÆÄ ÌÀÖÓÉÈ ÆÄÌÏØÌÄÃÄÁÉÓÀÓ, ×ÏÒÌÀÛÉ ÛÄÌÀÅÀËÉ ÌÏÍÀÝÄÌÄÁÉ ÂÀÃÀÄÂÆÀÅÍÄÁÀ ÓÊÒÉÐÔÓ.
ÌÀÂÀËÉÈÉ:
<html>
<head>
<title>forms</title>
</head>
<body>
<basefont face=Geo_Times>
<h1 align=center>magaliTi</h1>
<form action=sample.html>
<input type=submit VALUE=Home> daaWireT
</form>
</body>
</html>
ÓÊÒÉÐÔÓ
ÛÄÉÞËÄÁÀ ÌÉÄÈÉÈÏÓ ÙÉËÀÊÉÓ ÓÀáÄËßÏÃÄÁÀ ÈÖ ÂÀÌÏÅÉÚÄÍÄÁÈ NAME ÐÀÒÀÌÄÔÒÓ, ÌÀÂÀËÉÈÀÃ,
<INPUT TYPE=submit Name=button VALUE=Go!>, ÛÄØÌÍÉË ÙÉËÀÊÆÄ ÌÀÖÓÉÈ ÃÀàÄÒÉÈ,
ÌÏÍÀÝÄÌÄÁÉ ÂÀÃÀÄÝÄÌÀ Button
ÓÊÒÉÐÔÓ ÓÀáÄËÉÈ.
ÓÊÒÉÐÔÉ ÉÍ×ÏÒÌÀÝÉÀÓ ÃÀÀÌÖÛÀÅÄÁÓ ÃÀàÄÒÉËÉ ÙÉËÀÊÉÓ ÛÄÓÀÁÀÌÉÓÀÃ.
×ÏÒÌÄÁÉÓ ÓÀÛÖÀËÄÁÉÈ ÉÍ×ÏÒÌÀÝÉÉÓ ÛÄÂÒÏÅÄÁÀ
ÀÒÓÄÁÏÁÓ <INPUT> ÔÉÐÉÓ ÓáÅÀ ÄËÄÌÄÍÔÄÁÉ, ÒÏÌÄËÈÀ ÓÀÛÖÀËÄÁÉÈ ×ÏÒÌÀ ÈÀÅÓ ÖÚÒÉÓ ÉÍ×ÏÒÌÀÝÉÀÓ. ÚÏÅÄËÉ ÄËÄÌÄÍÔÉ ÖÍÃÀ ÛÄÉÝÀÅÃÄÓ NAME ÀÔÒÉÁÖÔÓ, ÒÏÌÄËÉÝ ÂÀÍÓÀÆÙÅÒÀÅÓ ÀÌ ÄËÄÌÄÍÔÉÓ ÃÀ ÝÅËÀÃÉÓ ÓÀáÄËÓ, ÒÏÌÄËÉÝ ÖÍÃÀ ÂÀÃÀÄÂÆÀÅÍÏÓ ÓÊÒÉÐÔÓ. ÓÀáÄËÉ ÖÍÃÀ ÜÀÉßÄÒÏÓ ËÀÈÉÍÖÒÉ ÀÓÏÄÁÉÈ. <INPUT> ÄËÄÌÄÍÔÄÁÉÓ ÖÌÒÀÅËÄÓÏÁÀ ÖÍÃÀ ÛÄÉÝÀÅÃÄÓ VALUE ÀÔÒÉÁÖÔÓ, ÒÏÌÄËÉÝ ÂÀÍÓÀÆÙÅÒÀÅÓ ÓÊÒÉÐÔÉÓÀÈÅÉÓ ÂÀÃÀÓÀÝÄÌ ÌÍÉÛÅÍÄËÏÁÀÓ. <INPUT TYPE="text"> ÃÀ <INPUT TYPE="password">. ÄÓ ÀÔÒÉÁÖÔÉ ÀÖÝÉËÄÁÄËÉ ÀÒÀÀ, ÒÀÃÂÀÍ ÌÀÈ ÌÍÉÛÅÍÄËÏÁÄÁÓ ÌÏÌáÌÀÒÄÁÄËÉ ÊËÀÅÉÀÔÖÒÉÃÀÍ ÛÄÉÚÅÀÍÓ <INPUT>.
ÔÉÐÉÓ ÞÉÒÉÈÀÃÉ ÄËÄÌÄÍÔÄÁÉ
TYPE=text - ÂÀÌÏÓÀáÀÅÓ ÜÀÒÜÏÓ ÔÄØÓÔÉÓ ÛÄÓÀÚÅÀÍÀÃ. ÛÄÉÝÀÅÓ ÃÀÌÀÔÄÁÉÈ ÀÔÒÉÁÖÔÄÁÓ:
SIZE - ÂÀÍÓÀÆÙÅÒÀÅÓ ÜÀÒÜÏÓ ÓÉÂÀÍÄÓ;
ÌÀÂ., <INPUT TYPE=text SIZE=15 NAME=user VALUE=text> - ÄÊÒÀÍÆÄ ÂÀÌÏÓÀáÀÅÓ ÜÀÒÜÏÓ - ÓÉÂÀÍÉÈ 15 ÓÉÌÁÏËÏ, ÒÏÌÄËÛÉÝ ÜÀÉßÄÒÄÁÀ ÔÄØÓÔÉ text.
MAXLENGHT - ÂÀÍÓÀÆÙÅÒÀÅÓ ÛÄÓÀÚÅÀÍÉ ÓÉÌÁÏËÏÄÁÉÓ ÌÀØÓÉÌÀËÖÒ ÒÀÏÃÄÍÏÁÀÓ;
TYPE=password
- ÂÀÌÏÓÀáÀÅÓ ÜÀÒÜÏÓ ÐÀÒÏËÉÓ ÛÄÓÀÚÅÀÍÀÃ. ÜÀÒÜÏ ÉÃÄÍÔÖÒÉÀ,
ÌáÏËÏà ÜÀÒÜÏÛÉ ÔÄØÓÔÉÓ
ÍÀÝÅËÀÃ ÂÀÌÏÃÉÓ ** ÓÉÌÁÏËÏÄÁÉ;
TYPE=radio -ÂÀÌÏÓÀáÀÅÓ ÒÀÃÉÏÙÉËÀÊÓ. ÌÉÓÉ ÀÔÒÉÁÖÔÉÀ:
checked -ÙÉËÀÊÉ ÌÏÍÉÛÍÖËÉÀ, ÀØÔÉÖÒÉÀ;
TYPE=checkbox - ÂÀÌÏÓÀáÀÅÓ ÊÅÀÃÒÀÔÓ, ÒÏÌÄËÛÉÝ ÛÄÉÞËÄÁÀ ÍÉÛÍÖËÉÓ ÂÀÊÄÈÄÁÀ;
TYPE=hidden -ÂÀÍÓÀÆÙÅÒÀÅÓ ÌÏÍÀÝÄÌÈÀ ÖáÉËÀÅ ÄËÄÌÄÍÔÓ, ÒÏÌÄËÉÝ ÌÏÌáÌÀÒÄÁËÉÓÀÈÅÉÓ ÖáÉËÀÅÉ ÒÜÄÁÀ ×ÏÒÌÉÓ ÛÄÅÓÄÁÉÓÀÓ ÃÀ ÓÊÒÉÐÔÓ ÂÀÃÀÄÝÄÌÀ ÖÝÅËÄËÀÃ;
TYPE=reset - ÂÀÌÏÓÀáÀÅÓ ÙÉËÀÊÓ, ÒÏÌÄËÉÝ ×ÏÒÌÀÓ ÃÀÀÁÒÖÍÄÁÓ ÓÀßÚÉÓ ÌÃÂÏÌÀÒÄÏÁÀÛÉ.
<INPUT> ×ÏÒÌÄÁÉ ÛÄÉÞËÄÁÀ ÛÄÉÝÀÅÃÄÓ Semdeg ÄËÄÌÄÍÔÄÁÓ:
<SELECT>-ÌÄÍÉÖ ÃÀ <TEXTAREA> ÔÄØÓÔÖÒÉ ÓÉÅÒÝÄ.
ÌÀÂÀËÉÈÉ:
<SELECT>
NAME=ÀÍÀ
<OPTION VALUE=1>ÔÄØÓÔÉ1
<OPTION VALUE=2>ÔÄØÓÔÉ2
---------------------------------
<OPTION VALUE=5>ÔÄØÓÔÉ 5
</SELECT>
<TEXTAREA>
NAME -ÂÀÍÓÀÆÙÅÒÀÅÓ ÓÀáÄËÓ, ÒÏÌËÉÈÀÝ ÉÂÉ ÂÀÃÀÄÝÄÌÀ ÓÊÒÉÐÔÓ;
ROWS – ÂÀÍÓÀÆÙÅÒÀÅÓ ÓÔÒÉØÏÍÄÁÉÓ ÒÀÏÃÄÍÏÁÀÓ ÔÄØÓÔÖÒ ÀÒÄÛÉ;
COLS – ÂÀÍÓÀÆÙÅÒÀÅÓ ÔÄØÓÔÖÒÉ ÓÀÆÙÅÒÉÓ ÓÉÂÀÍÄÓ;
WRAP – ÂÀÍÓÀÆÙÅÒÀÅÓ ÂÀÃÀÔÀÍÉÓ ßÄÓÓ. ÛÄÓÀÞËÏ ÌÍÉÛÅÍÄËÏÁÄÁÉÀ:
off – ÔÄØÓÔÉÓ ÂÀÃÀÔÀÍÀ ÀÒ áÃÄÁÀ;
virtual – ÔÄØÓÔÉÓ ÂÀÃÀÔÀÍÀ ÌáÏËÏà ÄÊÒÀÍÆÄ ÀÉÓÀáÄÁÀ, áÏËÏ ÓÄÒÅÄÓÆÄ ÖßÚÅÄÔÉ
ÓÔÒÉØÏÍÉ ÌÉÃÉÓ;
physical - ÓÉÔÚÅÉÓ ÂÀÃÀÔÀÍÀ ÚÅÄËÀ ÛÄÓÀZËÄÁÄË ÛÄÌÈáÅÄÅÀÛÉ ÌÏáÃÄÁÀ.
ØÀÒÈÖËÉ ÙÉËÀÊÉÓ ÂÀÊÄÈÄÁÀ STYLE ÄËÄÌÄÍÔÉÓ ÓÀÛÖÀËÄÁÉÈ áÃÄÁÀ.
ÌÀÂÀËÉÈÉ:
<HTML>
<HEAD>
<TITLE>sample</TITLE>
</HEAD>
<body>
<basefont face=Geo_Times>
<h2 align=center>×ÏÒÌÉÓ ÌÀÂÀËÉÈÉ, ÓÀÃÀÝ ÂÀÌÏÚÄÍÄÁÖËÉÀ ØÀÒÈÖËÉ ÛÒÉ×ÔÉ
Geo_Times</h2>
<form name=form1 method=post action=>
<p><input type=text name=textfield style=font-family: Geo_Times>ÛÄÉÚÅÀÍÄÈ ÓÀáÄËÉ
</p>
<p><input type=text name=textfield2 style=font-family: Geo_Times>ÛÄÉÚÅÀÍÄÈ ÂÅÀÒÉ
</p>
<p><input type=submit name=Submit value=ÃÀÌÏßÌÄÁÀ style=font-family: Geo_Times>
<input type=reset name=Submit2 value=ÂÀÖØÌÄÁÀ style=font-family: Geo_Times></p>
</form>
</BODY>
</HTML>