HTML

× Ï Ò Ì Ä Á É

×ÏÒÌÄÁÉÓ ÓÀÛÖÀËÄÁÉÈ 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>