HTML ΡΠ΅Π³
HTML ΡΠ΅Π³ <select> ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΌΡΡΡΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΎΡΠΌΡ ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
ΠΠ»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π²ΡΠ±ΠΎΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³ <option>, Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ Π² ΡΠ΅Π³ <select>.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ Π² ΡΠΏΠΈΡΠΊΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΊΠ°ΠΊ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ. ΠΠ»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ selected.
ΠΠ»Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π² ΠΎΠ΄Π½Ρ Π³ΡΡΠΏΠΏΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³ <optgroup>. Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ΅Π³Π° <optgroup> Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ°ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΆΠΈΡΠ½ΠΎΠ³ΠΎ Π½Π°ΡΠ΅ΡΡΠ°Π½ΠΈΡ.
ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠΏΠΈΡΠΊΠ° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° size, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π²ΡΡΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°. Π¨ΠΈΡΠΈΠ½Π° ΡΠΏΠΈΡΠΊΠ° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π΄Π»ΠΈΠ½Ρ ΡΠ΅ΠΊΡΡΠ° Π² ΡΠ΅Π³Π΅ <option>. Π¨ΠΈΡΠΈΠ½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ Π·Π°Π΄Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΡΡΠΈΠ»Π΅ΠΉ.
ΠΡΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠΏΡΠ°Π²Π»ΡΡΡ Π΄Π°Π½Π½ΡΠ΅ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ, Π»ΠΈΠ±ΠΎ ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ ΠΊ ΡΠΏΠΈΡΠΊΡ ΡΠ΅ΡΠ΅Π· ΡΠΊΡΠΈΠΏΡΡ, ΡΠΎ ΡΠ΅Π³ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π²Π½ΡΡΡΡ ΡΠΎΡΠΌΡ (ΡΠ΅Π³ <form>).Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡΒΆ
Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ (<select>) ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ (</select>) ΡΠ΅Π³Π°ΠΌΠΈ. ΠΠ°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»Π΅Π½
ΠΡΠΈΠΌΠ΅ΡΒΆ
<!DOCTYPE html>
<html>
<head>
<title>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠΊΠ½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ</title>
</head>
<body>
<form action="action_form.php" target="_top">
<select>
<option value="books">ΠΠ½ΠΈΠ³ΠΈ</option>
<option value="html">HTML</option>
<option value="css">CSS</option>
<option value="php">PHP</option>
<option value="js">JavaScript</option>
</select>
</form>
</body>
</html>
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ!Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
ΠΠ½ΠΈΠ³ΠΈHTMLCSSPHPJavaScriptΠΡΠΈΠΌΠ΅ΡΒΆ
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ!<!DOCTYPE html> <html> <head> <title>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠΊΠ½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ</title> </head> <body> <select> <optgroup label="ΠΠ½ΠΈΠ³ΠΈ"> <option value="html">HTML</option> <option value="css">CSS</option> </optgroup> <optgroup label="Π‘Π½ΠΈΠΏΠΏΠ΅ΡΡ"> <option value="git">Git</option> <option value="java">Java</option> </optgroup> </select> </body> </html>
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠ΅Π³ <optgroup> Π΄Π»Ρ ΡΠ±ΠΎΡΠ° ΠΎΠΏΡΠΈΠΉ Π² Π³ΡΡΠΏΠΏΠ΅.
Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
ΠΡΠΈΠΌΠ΅ΡΒΆ
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ!<!DOCTYPE html> <html> <head> <title>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΎΠΊΠ½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ</title> </head> <body> <p>ΠΡΡΠΎΠΏΠΎΡΡ Π²ΡΠ»Π΅ΡΠ°:</p> <form action="action_form.php" target="_top"> <input type = "text" list = "airports" name="airports"> <datalist id = "airports"> <option value = "Π‘Π°Π½ΠΊΡ-ΠΠ΅ΡΠ΅ΡΠ±ΡΡΠ³"> <option value = "ΠΡΠ°ΡΠ½ΠΎΠ΄Π°Ρ"> <option value = "ΠΠΎΡΠΊΠ²Π°"> <option value = "ΠΠΎΠ²ΠΎΡΠΈΠ±ΠΈΡΡΠΊ"> </datalist> <input type = "submit" value = "ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΡΡ"> </form> </body> </html>
Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠ΅Π³ <form>, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ Π΄Π°Π½Π½ΡΠ΅ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ.
ΠΡΡΠΈΠ±ΡΡΡ ΒΆ
Π’Π΅Π³ <select> ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ°ΠΊΠΆΠ΅ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΠΈ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ.
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΊ ΡΠ΅Π³Ρ <select> ?
Π Π°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ Π½Π°ΡΡΡΠ΅Π½Π½ΠΎΡΡΠΈ/Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ/ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ΅ΠΊΡΡΠ° Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <select>:
Π¦Π²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π° <select>:
Π‘ΡΠΈΠ»ΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π΄Π»Ρ ΡΠ΅Π³Π° <select>:
ΠΡΡΠ³ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π΄Π»Ρ ΡΠ΅Π³Π° <select>:
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°
| HTML (ΠΡΠΈΠΌΠ΅ΡΡ)
Π’Π΅Π³
<select>
(ΠΎΡ Π°Π½Π³Π». select β Π²ΡΠ±ΡΠ°ΡΡ) ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΏΠΈΡΠΎΠΊ Ρ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ»ΠΈ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ.ΠΠΎΠ½Π΅ΡΠ½ΡΠΉ Π²ΠΈΠ΄ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠ° size
, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π²ΡΡΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°. Π¨ΠΈΡΠΈΠ½Π° ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΠ°ΠΌΡΠΌ ΡΠΈΡΠΎΠΊΠΈΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΡΠΊΠ°Π·Π°Π½Π½ΡΠΌ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ <option>
, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΈΠ»Π΅ΠΉ. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <option>
, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π²Π»ΠΎΠΆΠ΅Π½ Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ <select>
.
<select>
Π²Π½ΡΡΡΡ ΡΠΎΡΠΌΡ. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΊ Π΄Π°Π½Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠ° ΠΈΠ΄ΡΡ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π· ΡΠΊΡΠΈΠΏΡΡ. Π€ΠΎΡΠΌΡΠ‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select>
<option>ΠΡΠ½ΠΊΡ 1</option>
<option>ΠΡΠ½ΠΊΡ 2</option>
</select>
ΠΠ°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»Π΅Π½.
ΠΡΡΠΈΠ±ΡΡΡ
autofocus
- Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠ»ΡΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
disabled
- ΠΠ»ΠΎΠΊΠΈΡΡΠ΅Ρ Π΄ΠΎΡΡΡΠΏ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
form
- Π‘Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΡΠΏΠΈΡΠΎΠΊ Ρ ΡΠΎΡΠΌΠΎΠΉ.
multiple
- ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΡΠ°Π·Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ°.
name
- ΠΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄Π»Ρ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ ΠΈΠ»ΠΈ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΡΠ΅Π· ΡΠΊΡΠΈΠΏΡΡ.
required
- Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»Π΅Π½ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° ΠΏΠ΅ΡΠ΅Π΄ ΠΎΡΠΏΡΠ°Π²ΠΊΠΎΠΉ ΡΠΎΡΠΌΡ.
size
- ΠΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ
ΡΡΡΠΎΠΊ ΡΠΏΠΈΡΠΊΠ°.
Π’Π°ΠΊΠΆΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄ΠΎΡΡΡΠΏΠ½Ρ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ.
autofocus
ΠΡΡΠΈΠ±ΡΡ autofocus
ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠ»ΡΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° ΠΏΡΠ½ΠΊΡΠΎΠ², Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select autofocus>
...
</select>
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
ΠΠ΅Ρ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ Π²ΡΠΊΠ»ΡΡΠ΅Π½.
disabled
ΠΠ»ΠΎΠΊΠΈΡΡΠ΅Ρ Π΄ΠΎΡΡΡΠΏ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ°. ΠΠ»ΠΎΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠΎΠΊΡΡ ΡΠ΅ΡΠ΅Π· ΠΊΡΡΡΠΎΡ ΠΈΠ»ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ, Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΡΠ½, Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π½Π΅ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select disabled>
...
</select>
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
ΠΠ΅Ρ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ Π²ΡΠΊΠ»ΡΡΠ΅Π½.
form
Π‘Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΡΠΏΠΈΡΠΎΠΊ Ρ ΡΠΎΡΠΌΠΎΠΉ ΠΏΠΎ Π΅Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ.
<form>
.Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select form="<ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ>">
...
</select>
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
ΠΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΡΠΎΡΠΌΡ (Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° id
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <form>
).
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠ΅Ρ.
multiple
ΠΠ°Π»ΠΈΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° multiple
ΡΠΎΠΎΠ±ΡΠ°Π΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <select>
ΠΊΠ°ΠΊ ΡΠΏΠΈΡΠΎΠΊ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΠ±ΠΎΡΠ°. ΠΠΎΠ½Π΅ΡΠ½ΡΠΉ Π²ΠΈΠ΄ ΡΠΏΠΈΡΠΊΠ° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ°
size
ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°.ΠΠ»Ρ Π²ΡΠ±ΠΎΡΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠΏΠΈΡΠΊΠ° ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΠΊΠ»Π°Π²ΠΈΡΠΈ Ctrl ΠΈ Shift ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ Ρ ΠΊΡΡΡΠΎΡΠΎΠΌ ΠΌΡΡΠΈ.
Π§ΡΠΎΠ±Ρ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ»ΡΡ ΠΌΠ°ΡΡΠΈΠ² Π΄Π°Π½Π½ΡΡ
, Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° name
ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΈΡΠ°ΡΡ Ρ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠΌΠΈ ΡΠΊΠΎΠ±ΠΊΠ°ΠΌΠΈ β hero[]
, ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select multiple>
.
..
</select>
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
ΠΠ΅Ρ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ Π²ΡΠΊΠ»ΡΡΠ΅Π½.
name
ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <select>
. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΡΠΎ ΠΈΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π΄ΠΎΡΡΡΠΏΠ° ΠΊ Π΄Π°Π½Π½ΡΠΌ ΡΠ΅ΡΠ΅Π· ΡΠΊΡΠΈΠΏΡΡ ΠΈΠ»ΠΈ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠΏΠΈΡΠΊΠ° Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select name="<ΠΈΠΌΡ>">
...
</select>
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠΌΠ΅Π½ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π½Π°Π±ΠΎΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠΈΡΠ»Π° ΠΈ Π±ΡΠΊΠ²Ρ. JavaScript ΡΡΠ²ΡΡΠ²ΠΈΡΠ΅Π»Π΅Π½ ΠΊ ΡΠ΅Π³ΠΈΡΡΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΡΠΈ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΠΈ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <select>
ΠΏΠΎ ΠΈΠΌΠ΅Π½ΠΈ ΡΠΎΠ±Π»ΡΠ΄Π°ΠΉΡΠ΅ ΡΡ ΠΆΠ΅ ΡΠΎΡΠΌΡ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ, ΡΡΠΎ ΠΈ Π² Π°ΡΡΠΈΠ±ΡΡΠ΅ name
.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠ΅Ρ.
required

Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select required>
...
</select>
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
ΠΠ΅Ρ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π°ΡΡΠΈΠ±ΡΡ required
Π²ΡΠΊΠ»ΡΡΠ΅Π½.
size
Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π²ΡΡΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°. ΠΡΠ»ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° size
ΡΠ°Π²Π½ΠΎ 1, ΡΠΎ ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅ΡΡΡ Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ. ΠΡΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π°ΡΡΠΈΠ±ΡΡΠ°
multiple
ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ <select>
ΠΏΡΠΈ size="1"
ΡΠΏΠΈΡΠΎΠΊ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΊΠ°ΠΊ Β«ΠΊΡΡΡΠΈΠ»ΠΊΠ°Β». ΠΠΎ Π²ΡΠ΅Ρ
ΠΎΡΡΠ°Π»ΡΠ½ΡΡ
ΡΠ»ΡΡΠ°ΡΡ
ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΡΠΏΠΈΡΠΎΠΊ Ρ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ»ΠΈ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ.Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
<select size="<ΡΠΈΡΠ»ΠΎ>">
...
</select>
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
ΠΡΠ±ΠΎΠ΅ ΡΠ΅Π»ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΡΠΈΡΠ»ΠΎ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠ°Π²ΠΈΡΠΈΡ ΠΎΡ Π°ΡΡΠΈΠ±ΡΡΠ° multiple
. ΠΡΠ»ΠΈ ΠΎΠ½ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ, ΡΠΎ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΏΠΈΡΠΊΠ° ΡΠ°Π²Π΅Π½ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎΠ³Π΄Π° Π°ΡΡΠΈΠ±ΡΡΠ°
multiple
size
ΡΠ°Π²Π½ΠΎ 1.ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ARIA role
<select>
(Π±Π΅Π· Π°ΡΡΠΈΠ±ΡΡΠ°multiple
ΠΈ Π±Π΅Π· Π°ΡΡΠΈΠ±ΡΡΠ°size
ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ Π±ΠΎΠ»ΡΡΠ΅1
) βrole=combobox
<select>
(Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌmultiple
ΠΈΠ»ΠΈ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌsize
ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ Π±ΠΎΠ»ΡΡΠ΅1
) βrole=listbox
Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>SELECT</title> </head> <body> <form action="select1.php" method="post"> <p> <select size="3" multiple name="hero[]"> <option disabled>ΠΡΠ±Π΅ΡΠΈΡΠ΅ Π³Π΅ΡΠΎΡ</option> <option value="Π§Π΅Π±ΡΡΠ°ΡΠΊΠ°">Π§Π΅Π±ΡΡΠ°ΡΠΊΠ°</option> <option selected value="ΠΡΠΎΠΊΠΎΠ΄ΠΈΠ» ΠΠ΅Π½Π°"> ΠΡΠΎΠΊΠΎΠ΄ΠΈΠ» ΠΠ΅Π½Π° </option> <option value="Π¨Π°ΠΏΠΎΠΊΠ»ΡΠΊ">Π¨Π°ΠΏΠΎΠΊΠ»ΡΠΊ</option> <option value="ΠΡΡΡΠ° ΠΠ°ΡΠΈΡΠ°">ΠΡΡΡΠ° ΠΠ°ΡΠΈΡΠ°</option> </select> </p> <p><input type="submit" value="ΠΡΠΏΡΠ°Π²ΠΈΡΡ" /></p> </form> </body> </html>
Π‘ΡΡΠ»ΠΊΠΈ
Π’Π΅Π³ | HTML ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ
HTML ΡΠ΅Π³ΠΈΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅
Π’Π΅Π³ <select> ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ (Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ) ΡΠΏΠΈΡΠΎΠΊ. Π’Π΅Π³ <option> ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΡΠ½ΠΊΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ° (ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ°), ΠΎΠ½ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠ°ΠΊ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅Π³Π° <select>.
ΠΠ΅ΡΠ²ΡΠΉ ΠΏΡΠ½ΠΊΡ Π² ΡΠΏΠΈΡΠΊΠ΅, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΊΠ°ΠΊ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ, Π½ΠΎ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΡΡΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π°ΡΡΠΈΠ±ΡΡ selected (HTML ΡΠ΅Π³Π° <option>), ΡΡΠΎΠ±Ρ Π·Π°Π΄Π°ΡΡ ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <optgroup> Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΡΠΏΠΈΡΠΊΠ΅ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ Π³ΡΡΠΏΠΏΡ.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ
ΠΡΡΠΈΠ±ΡΡΡ
ΠΡΡΠΈΠ±ΡΡ | ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|---|
autofocus | autofocus | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΡΠΎΠΊΡΡ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ. |
disabled | disabled | ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΎΡΠΊΠ»ΡΡΠ΅Π½. |
form | form_id | ΠΠ°Π΄Π°Π΅Ρ ΠΎΠ΄Π½Ρ, ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΠΌ ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ. |
multiple | multiple | ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²ΡΠ±ΡΠ°Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΡΡΠ°Π·Ρ (ΡΠ΅ΡΠ΅Π· Ctrl Π² Windows ΠΈ ΡΠ΅ΡΠ΅Π· Command Π² Mac).![]() |
name | name | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΈΠΌΡ Π΄Π»Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°. |
required | required | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ±ΡΠ°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅Π΄ ΠΎΡΠΏΡΠ°Π²ΠΊΠΎΠΉ ΡΠΎΡΠΌΡ. |
size | number | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΈΡΠ»ΠΎ Π²ΠΈΠ΄ΠΈΠΌΡΡ ΠΎΠΏΡΠΈΠΉ Π² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΌ ΡΠΏΠΈΡΠΊΠ΅. |
ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <select></title> </head> <body> <select name = "blacklist"> <option value = "2PAC">Tupac Amaru Shakur</option> <option value = "50cent">Curtis Jackson</option> <option value = "Snoop Dogg" selected>Calvin Cordozar Broadus, Jr.</option> </select> </body> </html>
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΡΠ΅Π³ΠΎΠΌ <select> ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ, Π²Π½ΡΡΡΠΈ Π½Π΅Π³ΠΎ ΠΌΡ ΠΏΠΎΠΌΠ΅ΡΡΠΈΠ»ΠΈ ΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <option>, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ Π΅Π³ΠΎ ΠΏΡΠ½ΠΊΡΡ. ΠΡΡΠΈΠ±ΡΡΠΎΠΌ selected ΡΠΊΠ°Π·Π°Π»ΠΈ, ΡΡΠΎ ΡΡΠ΅ΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ (Π±ΡΠ΄Π΅Ρ Π²ΡΠ±ΡΠ°Π½ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²ΠΌΠ΅ΡΡΠΎ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ).
ΠΠ±ΡΠ°ΡΠ°Ρ ΠΠ°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠΎ, ΡΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ value (Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅) ΡΠ΅Π³Π° <option>, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΊΠ°ΠΊΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ Π΄Π»Ρ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΉ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ.
Π Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
HTML ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ ΡΠΏΠΈΡΠΎΠΊ.Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π³Π° <optgroup> ΡΠ³ΡΡΠΏΠΏΠΈΡΡΠ΅ΠΌ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈ Π΄Π²Π΅ Π³ΡΡΠΏΠΏΡ Π² Π½Π°ΡΠ΅ΠΌ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΡΠΏΠΈΡΠΊΠ΅.
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ HTML ΡΠ΅Π³Π° <optgroup></title> </head> <body> <select name = "black&white"> <optgroup label = "Blacklist"> <!--ΠΡΡΠΏΠΏΠ° β1 --> <option value = "2PAC"> Tupac Amaru Shakur </option> <option value = "50cent"> Curtis Jackson </option> <option value = "Snoop Dogg" selected > Calvin Cordozar Broadus, Jr. </option> </optgroup> <optgroup label = "Whitelist"> <!--ΠΡΡΠΏΠΏΠ° β2 --> <option value = "Eminem">Marshall Bruce Mathers III</option> </optgroup> </select> </body> </html>
Π Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ Π²ΡΠ΄Π΅Π»ΠΈΠ»ΠΈ 2 Π³ΡΡΠΏΠΏΡ ΡΠ΅Π³ΠΎΠΌ <optgroup>. ΠΡΡΠΈΠ±ΡΡ label ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π·Π°Π΄Π°Π΅Ρ Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Π³ΡΡΠΏΠΏΡ, Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΌ Π½Π°ΡΠ΅ΡΡΠ°Π½ΠΈΠ΅ΠΌ:
ΠΡΠ»ΠΈΡΠΈΡ HTML 4.01 ΠΎΡ HTML 5
Π HTML 5 Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ 3 Π½ΠΎΠ²ΡΡ Π°ΡΡΠΈΠ±ΡΡΠ°.ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ CSS ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΠ΅Ρ.ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ²
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Β«Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡΒ».
ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Β«Π°ΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ±ΡΡΠΈΠΉΒ».
HTML ΡΠ΅Π³ΠΈΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΎΠΊΠ½ΠΎ Π²ΡΠ±ΠΎΡΠ° ΡΠΏΠΈΡΠΊΠ° (Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ) Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ?
Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Ρ Π±ΠΎΡΡΡΡ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌΠΈ, ΠΈ Ρ Ρ ΠΎΡΠ΅Π» Π±Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΠ²ΠΎΠΈΠΌ ΠΎΠΏΡΡΠΎΠΌ:
ΠΡΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠ΅ ΡΠΈΡΡΠ°ΡΠΈΠΈ, ΠΊΠΎΠ³Π΄Π° <select>
Π½Π΅Π»ΡΠ·Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ ΠΈΡ
Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΌΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ Π·Π°Π³ΡΡΠ·ΠΎΡΠ½ΡΠ΅ Π³ΡΡΠΏΠΏΡ Π²Π²ΠΎΠ΄Π°, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΠ½ΠΎΠΏΠΊΠΈ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ (ΡΠΌ. Http://getbootstrap.com/components/#input-groups-buttons-dropdowns ). Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ <select>
, Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² Π³ΡΡΠΏΠΏΠ°Ρ
Π²Π²ΠΎΠ΄Π°, ΠΎΠ½ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π΄ΠΎΠ»ΠΆΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
ΠΠ»ΠΈ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΆΠ΅ ΡΠ΅ΡΠΈΠ» ΡΡΠΎ? Π― Π±ΡΠ» Π±Ρ ΠΎΡΠ΅Π½Ρ Π·Π°ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ²Π°Π½ Π² ΡΠ΅ΡΠ΅Π½ΠΈΠΈ.
Π ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ Π΅ΡΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΌ, Π²Ρ Π½Π΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΠΊ ΠΏΡΠΎΡΡΠΎ $(this).text()
ΠΏΠΎΠΉΠΌΠ°ΡΡ, ΠΊΠ°ΠΊΠΎΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΡΠ°Π½ Π² ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΡΠΏΠΈΡΠΊΠ΅, Π΅ΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Π³Π»ΠΈΠΊΠΎΠ½Ρ ΠΈΠ»ΠΈ ΡΡΠΈΡΡΠΎΠ²ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π΄Π»Ρ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ: <li><a href="#0"><i></i></a></li>
ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½Π΅Ρ ΡΠ΅ΠΊΡΡΠ°, ΠΈ Π΅ΡΠ»ΠΈ Π²Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΠ΅ Π΅Π³ΠΎ, ΠΎΠ½ ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅, ΠΈ ΡΡΠΎ Π½Π΅ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ.
Π― Π½Π°ΡΠ΅Π» Π΄Π²Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΡ:
1) ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅, $(this).html()
ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ <li>
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π° Π·Π°ΡΠ΅ΠΌ ΠΈΠ·ΡΡΠΈΡΡ Π΅Π³ΠΎ, Π½ΠΎ Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ, <a href="#0"><i></i></a>
ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠΈΠ³ΡΠ°ΡΡ Ρ ΡΡΠΈΠΌ, ΡΡΠΎΠ±Ρ ΠΈΠ·Π²Π»Π΅ΡΡ ΡΠΎ, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ.
2) ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ $(this).text()
ΠΈ ΡΠΊΡΡΡΡ ΡΠ΅ΠΊΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² ΡΠΊΡΡΡΠΎΠΌ ΠΏΡΠΎΠ»Π΅ΡΠ΅: <li><a href="#0"><i><span>text</span></i></a></li>
. ΠΠ»Ρ ΠΌΠ΅Π½Ρ ΡΡΠΎ ΠΏΡΠΎΡΡΠΎΠ΅ ΠΈ ΡΠ»Π΅Π³Π°Π½ΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Π°ΠΌ Π½ΡΠΆΠ΅Π½, ΡΠ΅ΠΊΡΡ Π±ΡΠ΄Π΅Ρ ΡΠΊΡΡΡ, ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π΄Π΅Π»Π°ΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ
$(this).html()
ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°, ΠΊΠ°ΠΊ Π² Π²Π°ΡΠΈΠ°Π½ΡΠ΅ 1), ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠΎ, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ.
ΠΠ°Π΄Π΅ΡΡΡ, ΡΡΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎ ΠΈ ΠΌΠΎΠΆΠ΅Ρ ΠΊΠΎΠΌΡ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΠΎΠΌΠΎΡΡ π
JavaScript ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° ΠΎΠΏΡΠΈΠΉ
ΠΠ±Π·ΠΎΡ
Webix ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΠΎΠΏΡΠΈΠΈ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°: Select, RichSelect, Combo, Multicombo, Multiselect, Checkbox, Radio ΠΈ Suggest List. Π‘ ΠΊΠ°ΠΆΠ΄ΡΠΌ ΠΈΠ· Π½ΠΈΡ ΡΠ΄ΠΎΠ±Π½ΠΎ ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΡ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ.
ΠΠΎΠ½ΡΡΠΎΠ» Select β ΡΠ°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈΠ· ΡΡΠΎΠΉ Π³ΡΡΠΏΠΏΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ². ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΠΎΠ΄Π½Ρ ΠΎΠΏΡΠΈΡ ΠΈΠ· Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°.
ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ΅Π½ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ Multicombo, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ±ΠΈΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠΏΡΠΈΠΉ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡΡ Π²Π²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΠΊΡΡ Π² ΠΏΠΎΠ»Π΅ Π½Π°Π΄ ΡΠΏΠΈΡΠΊΠΎΠΌ.
Checkbox
Checkbox β ΡΡΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ», ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠΌ Ρ Π΄Π²ΡΠΌΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ β Π²ΠΊΠ»ΡΡΠ΅Π½ΠΎ ΠΈ Π²ΡΠΊΠ»ΡΡΠ΅Π½ΠΎ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠΎΠ² Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΎΠΏΡΠΈΠΉ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°. Webix Checkbox ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ°ΠΊΠΆΠ΅, ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΡΠΉ HTML ΡΠ΅ΠΊΠ±ΠΎΠΊΡ.
Switch
Switch β ΡΡΠΎ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅ΡΠ½ΡΠΉ Π°Π½Π°Π»ΠΎΠ³ ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΎΡΠΎΡΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ . ΠΠ° Switch ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΡΠ»ΡΠΊ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ βΠ²ΠΊΠ»ΡΡΠ΅Π½ΠΎβ ΠΈ βΠ²ΡΠΊΠ»ΡΡΠ΅Π½ΠΎβ.
Radio
Radio β ΡΡΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ», ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄Π½Ρ ΠΎΠΏΡΠΈΡ ΠΈΠ· ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡΠ°. Webix Radio ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΎΠ±ΡΡΠ½ΡΠΉ HTML ΠΊΠΎΠ½ΡΡΠΎΠ» radio.
Suggest List
Suggest List β ΡΡΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ», ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡ ΡΠΎΡΠΌΡ. ΠΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π°ΡΠΈΠ½Π°Π΅Ρ Π½Π°Π±ΠΈΡΠ°ΡΡ, Π½Π° ΡΠΊΡΠ°Π½Π΅ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ. Π‘ΠΏΠΈΡΠΎΠΊ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ ΡΠΎΡΠΌΠΈΡΡΠ΅ΡΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π²Π²Π΅Π΄Π΅Π½Π½ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ². ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΡΠ΅ΡΠ°ΡΡ ΡΡΠΎΡ ΠΊΠΎΠ½ΡΡΠΎΠ» ΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌ HTML ΠΏΠΎΠ»Π΅ΠΌ Π²Π²ΠΎΠ΄Π°, ΠΏΠΎΠ»Π΅ΠΌ Π²Π²ΠΎΠ΄Π° Webix Text, ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ Π² Π²ΠΈΠ΄ΠΆΠ΅ΡΠ΅ Π΄Π»Ρ Π΄Π°Π½Π½ΡΡ . Webix Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΈΠΏΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Π° Suggest List.
MentionSuggest
MentionSuggest β ΡΡΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Ρ ΠΎΠΏΡΠΈΡΠΌΠΈ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ
ΠΏΠΎΠ»Π΅ΠΉ. MentionSuggest ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²Π²Π΅Π΄Π΅Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠΈΠΌΠ²ΠΎΠ». ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²Π²Π΅Π΄Π΅Ρ Π΅ΡΠ΅ ΠΌΠΈΠ½ΠΈΠΌΡΠΌ ΠΎΠ΄ΠΈΠ½ ΡΠΈΠΌΠ²ΠΎΠ», ΡΠΏΠΈΡΠΎΠΊ Π½Π°ΡΠ½Π΅Ρ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΎΠΏΡΠΈΠΈ Π΄Π»Ρ ΠΏΠΎΠ΄ΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π²Π²ΠΎΠ΄Π°.
MultiSuggest
MultiSuggest β ΡΡΠΎ ΡΠ»ΡΡΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Π° Suggest List. ΠΠΈΠ΄ΠΆΠ΅Ρ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠΈΠΉ ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ±ΠΎΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΎΠΏΡΠΈΠΉ. ΠΡΠ±ΡΠ°Π½Π½ΡΠ΅ ΠΎΠΏΡΠΈΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°ΡΡΡΡ. ΠΠ½ΠΎΠΏΠΊΠ° Π² ΠΊΠΎΠ½ΡΠ΅ ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΡΡ Π²ΡΠ±ΠΎΡ ΠΈ Π·Π°ΠΊΡΡΡΡ ΡΠΏΠΈΡΠΎΠΊ.
CheckSuggest
CheckSuggest β ΡΡΠΎ ΡΠ»ΡΡΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Π° Suggest List, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΠΈΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠΏΡΠΈΠΉ. ΠΠ°ΠΏΡΠΎΡΠΈΠ² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΠΏΡΠΈΠΈ Π² ΡΠΏΠΈΡΠΊΠ΅ β ΡΠ΅ΠΊΠ±ΠΎΠΊΡ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠΌΠ΅ΡΠΈΡΡ ΠΎΠΏΡΠΈΡ Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ°.
GridSuggest
GridSuggest β ΡΡΠΎ ΡΠ»ΡΡΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Π° Suggest List. ΠΠΌΠ΅ΡΡΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Ρ ΠΎΠΏΡΠΈΡΠΌΠΈ β Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ Ρ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠΌ DataTable, Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ Π΄Π°Π½Π½ΡΡ Ρ ΡΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΎΠΉ ΠΈ ΠΏΠΎΠ»ΠΎΡΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.
DataSuggest
DataSuggest β ΡΡΠΎ ΡΠ»ΡΡΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Π° Suggest List. ΠΠΌΠ΅ΡΡΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠΈΠΉ β ΠΎΠΊΠ½ΠΎ Ρ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠΌ DataView, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΎΠΏΡΠΈΠΉ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ.
DateRangeSuggest
DateRangeSuggest β ΡΡΠΎ ΡΠ»ΡΡΡΠ΅Π½Π½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΊΠΎΠ½ΡΡΠΎΠ»Π° Suggest List. ΠΠΌΠ΅ΡΡΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° β Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΎΠΌ DateRangePicker Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° Π΄Π°Ρ.
Select
Select β ΡΡΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ», ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΠΎΠΏΡΠΈΡ ΠΈΠ· Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°. ΠΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΊΠ°ΠΊ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ HTML ΠΈ ΡΠ°Π±ΠΎΡΠ° Ρ Π½ΠΈΠΌ Π½Π΅ ΡΡΠ΅Π±ΡΠ΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠΈΠ»ΠΈΠΉ.
RichSelect
RichSelect β ΡΡΠΎ Π½Π΅ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌΠΎΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΌ ΠΎΠΊΠ½ΠΎΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠΈΠΉ. ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅Π΅ ΠΎΠΊΠ½ΠΎ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠΎΡΠ»Π΅ ΠΊΠ»ΠΈΠΊΠ° Π½Π° ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ RichSelect Π½Π° ΡΠ²ΠΎΠΉ Π²ΠΊΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°Π±Π»ΠΎΠ½ Π΄Π»Ρ ΠΎΠΏΡΠΈΠΉ ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠΏΠΈΡΠΊΠ°, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠΏΠΎΡΠΎΠ± Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΎΠΏΡΠΈΠΉ, Π²ΡΠ±ΡΠ°ΡΡ ΡΠΈΠΏ ΡΠΏΠΈΡΠΊΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌΡ ΠΎΠΊΠ½Ρ ΠΈ ΡΠΏΠΈΡΠΊΡ ΠΎΠΏΡΠΈΠΉ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π½ΠΈΠΌΠΈ.
Combo
ΠΠΎΠ½ΡΡΠΎΠ» Combo β ΡΡΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌΠΎΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΡΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ ΠΎΠΏΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠΎΡΠ»Π΅ ΠΊΠ»ΠΈΠΊΠ° ΠΏΠΎ ΠΏΠΎΠ»Ρ. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ. Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠΈΠΉ ΡΠΎΠΊΡΠ°ΡΠ°Π΅ΡΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π²Π²Π΅Π΄Π΅Π½Π½ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ². Combo ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π½Π°ΡΡΡΠΎΠ΅ΠΊ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π° ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠΈΠΉ.
Multicombo β ΡΡΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ», ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΡΠ΅ΡΠ°Π΅ΡΡΡ ΡΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ CheckSuggest. ΠΠ°ΠΏΡΠΎΡΠΈΠ² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΠΏΡΠΈΠΈ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Π΅ΡΡΡ checkbox, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΡΠ°Π·Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠΏΡΠΈΠΉ. Π‘ΠΏΠΈΡΠΎΠΊ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡ Π½Π° ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅. ΠΠΎΠΊΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π²Π²ΠΎΠ΄ΡΡ ΡΠΈΠΌΠ²ΠΎΠ»Ρ, ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠΈΠΉ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΡΠΎΠΊΡΠ°ΡΠ°Π΅ΡΡΡ. ΠΡΠ±ΡΠ°Π½Π½ΡΠ΅ ΠΎΠΏΡΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ±ΡΠ°ΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°, Π½Π°ΠΆΠ°Π² Π½Π° βΠΊΡΠ΅ΡΡΠΈΠΊβ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²ΠΈΠ΄ Π²ΡΠ±ΡΠ°Π½Π½ΡΡ
ΠΎΠΏΡΠΈΠΉ ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΈΡ
ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ.
Multiselect β ΡΡΠΎ Π½Π΅ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌΡΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ», ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΠΎΠΏΡΠΈΠΈ ΠΈΠ· Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠΊΡΡΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠΈΠΉ, ΠΊΠ»ΠΈΠΊΠ½ΡΠ² ΠΏΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌΡ ΠΏΠΎΠ»Ρ. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Multiselect ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΊΠΎΠ½ΡΡΠΎΠ»Π° CheckSuggest, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π°ΠΏΡΠΎΡΠΈΠ² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΠΏΡΠΈΠΈ Π΅ΡΡΡ ΡΠ΅ΠΊΠ±ΠΎΠΊΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ°Π±ΠΎΡΡ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ Π²ΠΈΠ΄ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠΈΠΉ.
Html ΡΠΎΡΠΌΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° β ΡΠ΅Π³ΠΈ Form, Input ΠΈ Select, Option, Textarea, Label ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π΅Π±ΡΠΎΡΠΌ
ΠΠ»Π°Π²Π½Π°Ρ / ΠΠ°ΠΊ ΡΡΡΡΠΎΠ΅Π½Ρ ΡΠ°ΠΉΡΡ / Html Π·Π° 10 ΡΡΠΎΠΊΠΎΠ²23 ΡΠ½Π²Π°ΡΡ 2021
- ΠΠ°ΡΠ΅ΠΌ Π½ΡΠΆΠ½Ρ ΠΈ ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎΡΠΌΡ Π½Π° ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠ°ΠΉΡΠ°Ρ
- Π’Π΅Π³ Input
- Input Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄Π»Ρ Type
- ΠΡΡΠ³ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΡΡΠ³Π° Input ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
- ΠΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΎΡΠΌΡ
- Select ΠΈ Option β ΡΡΠ³ΠΈ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ²
- ΠΡΡΠΈΠ±ΡΡΡ ΡΠ΅Π³Π° Option
- Textarea β ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ Π² ΡΠΎΡΠΌΠ΅
- Label β Π΄Π»Ρ ΡΠ΅Π³ΠΎ Π½ΡΠΆΠ΅Π½ ΡΡΠΎΡ Html ΡΡΠ³ Π² ΡΠΎΡΠΌΠ΅
- Fieldset ΠΈ Legend β ΡΠ°Π·Π±ΠΈΠ²Π°Π΅ΠΌ ΡΠΎΡΠΌΡ Π½Π° ΡΠ°ΡΡΠΈ
ΠΡΠΈΠ²Π΅ΡΡΡΠ²ΡΡ Π²Π°Ρ, ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ ΡΠΈΡΠ°ΡΠ΅Π»ΠΈ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo. ru. Π‘Π΅Π³ΠΎΠ΄Π½Ρ Ρ Ρ
ΠΎΡΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΡΡ ΠΎ ΡΠ°ΠΊΠΎΠΉ Π½Π΅ΠΎΡΡΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ ΡΠΎΡΡΠ°Π²Π»ΡΡΡΠ΅ΠΉ Π²Π΅ΡΡΡΠΊΠΈ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°, ΠΊΠ°ΠΊ HTML ΡΠΎΡΠΌΡ. ΠΠ°ΠΊΠΎΠΉ Π±Ρ Π½Π΅ Π±ΡΠ» Π΄Π²ΠΈΠΆΠΎΠΊ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° (cms), Π½Π° Π½Π΅ΠΌ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π±ΡΠ΄ΡΡ Π² ΡΠΎΠΌ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠΎΡΠΌΡ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² Form ΠΈ Input, Π° ΡΠ°ΠΊ ΠΆΠ΅ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² Button, Checked, Value, Checkbox, Radio, Checkbox, Submit.
ΠΡ, ΠΈ Π΅ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΡΡΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ β Select, Option, Textarea, Label, Fieldset, Legend.
ΠΠ°ΡΠ΅ΠΌ Π½ΡΠΆΠ½Ρ ΠΈ ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎΡΠΌΡ Π½Π° ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠ°ΠΉΡΠ°Ρ
Π’Π° ΠΆΠ΅ ΡΡΡΠΎΠΊΠ° ΠΏΠΎΠΈΡΠΊΠ° ΠΏΠΎ ΡΠ°ΠΉΡΡ (Π·Π΄Π΅ΡΡ ΠΎΠΏΠΈΡΠ°Π½ ΠΏΠΎΠΈΡΠΊ ΠΎΡ ΡΠ½Π΄Π΅ΠΊΡΠ°) ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΡΠΈΡ ΡΡΠ³ΠΎΠ², Π° ΠΏΠΎΠΈΡΠΊ ΡΠΎ Π½Π° Π²Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ. ΠΠΎΡΡΠΎΠΌΡ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΡΡΡΡΠΎΠ΅Π½Ρ ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ, Π²Π°ΠΌ ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅Ρ Π΄Π»Ρ ΡΡΠΏΠ΅ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π½Π°Π΄ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π΄Π° ΠΈ ΠΏΡΠΈ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΠ°ΡΠΊΡΡΡΠΊΠ΅ ΠΈ ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ Π±ΡΠ΄Π΅Ρ Π½Π΅ Π»ΠΈΡΠ½ΠΈΠΌ.
Π’Π°ΠΊ, Ρ ΠΎΠ±ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΡΡΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π΄ΡΠΌΠ°Ρ, Π²ΠΎΠΏΡΠΎΡΠΎΠ² Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ°ΠΌΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΈΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΊ ΠΈΠ·ΡΡΠ΅Π½ΠΈΡ ΠΈΡ
Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ
Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ².
ΠΠ°, Ρ ΠΎΡΡ Π΅ΡΠ΅ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ, ΡΡΠΎ ΠΌΡ ΡΠΆΠ΅ ΡΡΠΏΠ΅Π»ΠΈ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π½Π° ΡΠ΅ΠΌΡ ΡΠ·ΡΠΊΠ° Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ·Π½Π°Π»ΠΈ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ² Π² Html, ΡΡΠ΅Ρ Π²ΠΈΠ΄ΠΎΠ² ΡΠΏΠΈΡΠΊΠΎΠ² Π½Π° ΡΠ΅Π³Π°Ρ ul, ol, li, dl) ΠΈ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ Π½Π° ΡΠ΅Π³Π°Ρ Tr, Th, Td, Table.
ΠΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΡΡΡΠΈ ΡΠΎΡΠΌΡ ΡΠΎΡΡΠΎΡΡ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΡΠΎΡΡΡ Π²Π½ΡΡΡΠΈ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΈΠ· ΡΠ΅Π³ΠΎΠ² Form Π²ΡΡΠ°Π²Π»ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΠ³ΠΈ β Checked, Value, Checkbox, Radio, Checkbox, Submit ΠΈ Π΄Ρ. ΠΠ°ΠΌ Π»ΠΈΡΡ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ Π΅Π΅ ΠΊΠΎΠ΄ Π² Π»ΡΠ±ΠΎΠΌ ΡΠ΄ΠΎΠ±Π½ΠΎΠΌ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΉΡΠ°, ΡΠΊΠ°Π·Π°Π² Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² ΠΈ ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ², ΠΊΠ°ΠΊ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ.
ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π²Π²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π·Π°ΠΏΡΠΎΡΠ°, Π²Π°ΡΠΈΠ°Π½ΡΡ Π²ΡΠ±ΠΎΡΠ° Ρ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ (ΠΊΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ Π½Π°ΠΆΠ°ΡΠΎΠΉ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅ΠΌΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ), Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Π΄Π»Ρ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ (ΠΎΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ ΠΎΠΏΠΈΡΠ°Π½Π½Π°Ρ ΡΡΡ) ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΡΠ»ΡΡΠ°Π΅ Β«ΠΏΠΎΠΈΡΠΊΠ°Β», Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° Value ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ, ΡΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π±ΡΠ΄Π΅Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΠΎΠ»Π΅ΠΌ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° Π·Π°ΠΏΡΠΎΡΠ°. ΠΠ°Π½Π½ΡΠ΅ Π²Π²ΠΎΠ΄ΠΈΠΌΡΠ΅ Π² ΡΠΎΡΠΌΠ°Ρ
Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ ΠΊΠ°ΠΊΠΈΠΌ-ΡΠΎ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°Π½Ρ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΡΠ»ΡΡΠ°Π΅ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ ΠΊΠ°ΠΊ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ ΠΏΠΎΠ»Π΅ ΡΠΎ ΡΠ²ΠΎΠΈΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ, Π²Π²Π΅Π΄Π΅Ρ ΡΠ²ΠΎΠΉ E-mail ΠΈ ΡΠ΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ, Π° Π·Π°ΡΠ΅ΠΌ Π½Π°ΠΆΠΌΠ΅Ρ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ, Π±ΡΠ΄Π΅Ρ Π²ΠΏΡΠ°Π²Π΅ Π½Π°Π΄Π΅ΡΡΡΡΡ Π½Π° ΠΎΡΠΏΡΠ°Π²ΠΊΡ Π΄Π°Π½Π½ΡΡ ΠΈΠ· ΡΠΎΡΠΌΡ Π½Π° E-mail Π°Π²ΡΠΎΡΠ° ΡΠ°ΠΉΡΠ°. ΠΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊΠΎΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ° Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ (Π·Π΄Π΅ΡΡ ΡΠΈΡΠ°ΠΉΡΠ΅ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Html, ΡΠ΅Π³ΠΈ ΠΈ Π²Π°Π»ΠΈΠ΄Π°ΡΠΎΡ W3C), ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ.
ΠΠ»Ρ ΡΡΠΈΡ ΡΠ΅Π»Π΅ΠΉ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½Π°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΡΠ»Π΅ Π½Π°ΠΆΠ°ΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π²ΠΎΠ·ΡΠΌΠ΅Ρ Π²ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΠΈΠ· ΠΏΠΎΠ»Π΅ΠΉ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ ΠΈ ΠΎΡΠΏΡΠ°Π²ΠΈΡ ΠΈΡ Π½Π° E-mail Π²Π»Π°Π΄Π΅Π»ΡΡΡ ΡΠ΅ΡΡΡΡΠ°. ΠΠ°ΠΊΠ°Ρ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π±ΡΠ΄Π΅Ρ ΡΡΠΎ Π΄Π΅Π»Π°ΡΡ, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° Action.
ΠΠ±ΡΡΠ½ΠΎ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ· ΡΠ΅Π±Ρ ΡΠΊΡΠΈΠΏΡ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π½Π° ΡΠ·ΡΠΊΠ΅ PHP. ΠΠΎΡΡΠΎΠΌΡ Π² Π°ΡΡΠΈΠ±ΡΡΠ΅ Action ΡΡΠ³Π° Form Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ ΠΏΡΡΡ ΠΊ ΡΠ°ΠΉΠ»Ρ ΡΡΠΎΠ³ΠΎ ΡΠΊΡΠΈΠΏΡΠ°, Π»Π΅ΠΆΠ°ΡΠ΅Π³ΠΎ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅ Π²Π°ΡΠ΅Π³ΠΎ Ρ ΠΎΡΡΠΈΠ½Π³Π°. ΠΡΠΈΠ²Π΅Π΄Ρ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΠ΄ΠΏΠΈΡΠΊΡ Π½Π° RSS Π»Π΅Π½ΡΡ ΠΌΠΎΠ΅Π³ΠΎ Π±Π»ΠΎΠ³Π° ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ E-mail:
ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΠΎ, Π½Π°Π²Π΅ΡΠ½ΠΎΠ΅, ΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΏΠΎ Π½Π°ΡΠ°Π»Ρ, Π½ΠΎ, Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ Π²ΡΠ΅ ΠΏΡΠΎΡΡΠ½ΠΈΡΡΡ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅Π³ΠΎ ΡΠ°ΡΡΠΊΠ°Π·Π°.
Π’Π΅Π³ΠΈ Form ΠΈ Input Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠΎΠ² ΠΈ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΡΠ±Π°Ρ ΡΠΎΡΠΌΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π·Π°ΠΊΠ»ΡΡΠ΅Π½Π° Π² ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΡΠ³ΠΈ Form. ΠΡΠΎ ΡΠ²ΠΎΠ΅ΠΎΠ±ΡΠ°Π·Π½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π΄Π»Ρ ΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ. Π£ ΡΡΠΎΠ³ΠΎ ΡΠ΅Π³Π° ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΡΠ΄ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΡ ΠΈ Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ²:
- Name β ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈΠΌΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡ, Π΅ΡΠ»ΠΈ Π² Html ΡΠ°ΠΉΠ»Π΅, Π³Π΄Π΅ Π²Ρ ΡΡΠΎ-ΡΠΎ Π΄Π΅Π»Π°Π΅ΡΠ΅, Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π΅Π±ΡΠΎΡΠΌ
- Action β ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠΈΠΉ ΠΏΡΡΡ ΠΊ ΡΠΊΡΠΈΠΏΡΡ, ΠΊΠΎΡΠΎΡΠΎΠΌΡ Π±ΡΠ΄ΡΡ ΠΏΠ΅ΡΠ΅Π΄Π°Π½Ρ Π΄Π°Π½Π½ΡΠ΅ ΠΈΠ· Π½Π΅Π΅ Π΄Π»Ρ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΉ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ
- Method β Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π³ΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΌΠ΅ΡΠΎΠ΄ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ Π΄Π°Π½Π½ΡΡ ΠΈΠ· ΡΡΠΎΠΉ Π²Π΅Π±ΡΠΎΡΠΌΡ ΡΠΊΡΠΈΠΏΡΡ ΡΠ°ΠΉΠ»Π° ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. ΠΡΠ»ΠΈ Π²Ρ Π΅Π³ΠΎ Π½Π΅ ΡΠΊΠ°ΠΆΠ΅ΡΠ΅, ΡΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΌΠ΅ΡΠΎΠ΄ Get, ΠΊΠΎΡΠΎΡΡΠΉ, ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ Π³ΠΎΠ²ΠΎΡΡ, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΈ ΠΊΠΎΡΠΎΡΠΊΠΈΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΉ, ΠΈ ΠΊ ΡΠΎΠΌΡ ΠΆΠ΅ ΠΎΡΠΊΡΡΡΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°Ρ Π΄Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΠ΅Π· Π°Π΄ΡΠ΅ΡΠ½ΡΡ ΡΡΡΠΎΠΊΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΠ»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ Π΄Π°Π½Π½ΡΡ ΡΠΎΡΠΌ ΡΠΊΡΠΈΠΏΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π²ΡΠ΅ ΠΆΠ΅ Π»ΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ΅ΡΠΎΠ΄ POST, ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΉ Π·Π°ΠΊΡΡΡΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ³ΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΠ΅ Π²Π΅Π±ΡΠΎΡΠΌΡ. Π‘Π°ΠΌΡΠΉ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΠΉ β ΡΡΠΎ Input. ΠΠ½ΡΡΡΠΈ Π½Π΅Π³ΠΎ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡ Π°ΡΡΠΈΠ±ΡΡ Type, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΡΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΠ· ΡΠ΅Π±Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ HTML ΡΠΎΡΠΌΠ°, ΡΠΎΠ·Π΄Π°Π½Π½Π°Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΡΡΠ³Π°.
C ΠΏΠΎΠΌΠΎΡΡΡ Input ΠΈ Type ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ:
- ΠΎΠ΄Π½ΠΎΡΡΡΠΎΡΠ½ΡΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΏΠΎΠ»Ρ (Type=Β»TextΒ»)
- ΠΏΠΎΠ»Ρ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΠΏΠ°ΡΠΎΠ»Ρ (Type=Β»PasswordΒ»)
- ΡΠ΅ΠΊΠ±ΠΎΠΊΡΡ (Type=Β»CheckboxΒ»)
- ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΊΠΈ (Type=Β»RadioΒ»)
- ΡΠΊΡΡΡΡΠ΅ ΠΏΠΎΠ»Ρ (Type=Β»HiddenΒ»)
- ΠΎΠ±ΡΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ (Type=Β»ButtonΒ»)
- ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ Π² ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ (Type=Β»SubmitΒ»)
- ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ΠΈΡ Π²Π΅Π±ΡΠΎΡΠΌΡ ΠΊ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ (Type=Β»ResetΒ»)
- ΠΏΠΎΠ»Ρ Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°ΠΉΠ»ΠΎΠ² Π½Π° ΡΠ΅ΡΠ²Π΅Ρ (Type=Β»File)
- ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ (Type=Β»ImageΒ»)
Input Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΡΠ΅Π³Π°. Π§ΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΠΈΠ· ΡΠ΅Π±Ρ Π²Π΅Π±ΡΠΎΡΠΌΠ°, ΡΠΎΠ·Π΄Π°Π½Π½Π°Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π³ΠΎ, ΡΠ΅Π»ΠΈΠΊΠΎΠΌ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² Π°ΡΡΠΈΠ±ΡΡΠ΅ Type. ΠΡΠ»ΠΈ Type Π½Π΅ ΡΠΊΠ°Π·Π°Π½, ΡΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅.
ΠΡΠΈΠΌΠ΅ΡΡ ΡΠΎΡΠΌ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ Π½Π° Input Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ Π΄Π»Ρ Type
ΠΡΡΠ³ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΡΡΠ³Π° Input ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ, Π΄Π»Ρ ΡΠ΅Π³ΠΎ Π½ΡΠΆΠ½Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ:
- Name β Π² ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ Π΄Π°Π½Π½ΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Ρ Π² ΡΠΊΡΠΈΠΏΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°, ΡΠΎ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π΄Π»Ρ Π°ΡΡΠΈΠ±ΡΡΠ° Name.
ΠΠΎΠ΄ ΡΡΠΈΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ Π΄Π°Π½Π½ΡΠ΅, ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΠ΅ ΠΈΠ· ΡΠΎΡΠΌΡ, Π±ΡΠ΄ΡΡ ΡΠΈΠ³ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
- Size β Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π³ΠΎ Π·Π°Π΄Π°Π΅ΡΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΠΎΠ»Ρ ΡΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΠΎΠΉ Π²Π΅Π±ΡΠΎΡΠΌΡ. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π² ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡΡΡ Π² Π΄Π°Π½Π½ΠΎΠΌ ΠΏΠΎΠ»Π΅. ΠΡΠ»ΠΈ Size Π½Π΅ ΡΠΊΠ°Π·Π°Π½, ΡΠΎ ΡΠΈΡΠΈΠ½Π° Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠ½ΡΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π²Π½ΠΎΠΉ 24 ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌ
- Maxlength β ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²Π²Π΅ΡΡΠΈ Π² Html ΡΠΎΡΠΌΡ, Π½Π΅ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΎ, Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Maxlength ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΡΠΎ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠ΅. ΠΠΎΠ»ΡΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΡΠ΅ΠΌ Π² Π½Π΅ΠΌ Π±ΡΠ΄Π΅Ρ ΡΠΊΠ°Π·Π°Π½ΠΎ, Π²Π°ΠΌ Π²Π²Π΅ΡΡΠΈ Π² ΠΏΠΎΠ»Π΅ Π½Π΅ ΡΠ΄Π°ΡΡΡΡ
- Value β Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ, ΡΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π±ΡΠ΄Π΅Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² ΠΏΠΎΠ»Π΅ ΠΈΠ»ΠΈ ΠΆΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
- Checked β ΡΡΠΎ Π°ΡΡΠΈΠ±ΡΡ-ΡΠ»Π°Π³, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡΠ°Π²ΠΈΡΡ Π² Input Π΄Π»Ρ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΎΠΊ (radio) ΠΈΠ»ΠΈ ΠΆΠ΅ Π΄Π»Ρ ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠΎΠ² (checkbox). Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π΄Π°Π½Π½Π°Ρ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈΠ»ΠΈ ΡΠ΅ΠΊΠ±ΠΎΠΊΡ Π±ΡΠ΄ΡΡ Π°ΠΊΡΠΈΠ²Π½ΡΠΌΠΈ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Ρ Π²Π΅Π±ΡΠΎΡΠΌΠΎΠΉ (Π² Π½ΠΈΡ ΡΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΡΡΠΎΡΡΡ Π³Π°Π»ΠΎΡΠΊΠ°)
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π²ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠΎΡΠΌΡ Ρ Input. ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ ΠΏΠΎΡ
ΠΎΠΆ Π½Π° Π²ΠΈΠ΄ ΠΏΠΎΠ»Ρ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΠΏΠ°ΡΠΎΠ»Ρ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Text, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° Π°Π΄ΡΠ΅ΡΠ° ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ:
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±ΡΠΎΡΠΌΡ Ρ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ (Radio):
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π² ΡΡΠΎΠΉ ΡΠΎΡΠΌΠ΅ Π΄Π²Π° ΡΠ°Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³ Input β ΠΏΠΎ ΡΠ°Π·Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π΄Π²ΡΡ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΡΠΈΡΠ΅ΠΌ, Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ· Π½ΠΈΡ ΠΏΡΠΎΠΏΠΈΡΠ°Π½ Π°ΡΡΠΈΠ±ΡΡ Name Ρ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ (rezultat), Π° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Value ΡΠ°Π·Π½ΠΎΠ΅ (YES ΠΈ NO).
ΠΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΏΡΠΈ Π΅Π΅ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ΅, Π² ΡΠ»ΡΡΠ°Π΅ Π²ΡΠ±ΠΎΡΠ° Π»ΡΠ±ΠΎΠ³ΠΎ ΠΈΠ· ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΉ, Π±ΡΠ΄Π΅Ρ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Π° ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ, Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΡΠΎΠΏΠΈΡΠ°Π½ΠΎ Π² Name, Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π±ΡΠ΄Π΅Ρ Π·Π°Π²ΠΈΡΠ΅ΡΡ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ Π±ΡΠ» Π²ΡΠ±ΡΠ°Π½.
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π΅Π±ΡΠΎΡΠΌΡ Ρ ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠ°ΠΌΠΈ (Checkbox):
Π§Π΅ΠΊΠ±ΠΎΠΊΡΡ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ ΡΠ°Π΄ΠΈΠΎΠΊΠ½ΠΎΠΏΠΎΠΊ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ Π²ΡΠ±ΡΠ°ΡΡ ΡΡΠ°Π·Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². Name ΡΠ»ΡΠΆΠΈΡ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π² ΡΠ°ΠΉΠ»Π΅ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°, Π² ΠΊΠ°ΠΊΠΎΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠ΅ ΠΏΡΠΎΡΡΠ°Π²Π»Π΅Π½Ρ ΡΠ»Π°ΠΆΠΊΠΈ,Π° Value β Π·Π°Π΄Π°Π΅Ρ ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΡΠ»Π°Π½ΠΎ Π² ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ (Π΅ΡΠ»ΠΈ Value Π·Π°Π΄Π°Π½ Π½Π΅ Π±ΡΠ΄Π΅Ρ, ΡΠΎ Π² ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½ ΡΠ΅ΠΊΡΡ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΡΡΠ΄ΠΎΠΌ Ρ Π΄Π°Π½Π½ΡΠΌ ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠΎΠΌ).
Select, Option, Textarea, Label, Fieldset, Legend β Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π΅Π±ΡΠΎΡΠΌ
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° Ρ ΠΎΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡΡ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅, ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, Π²Π΅Π±ΡΠΎΡΠΌΡ ΠΈ Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΠΎΠ½ΠΈ Π½ΡΠΆΠ½Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΡΠ°ΠΉΡΠ°. ΠΠ½ΠΈ Π² ΠΏΠ΅ΡΠ²ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΠΏΡΠΈΠ·Π²Π°Π½Ρ Π² ΡΠ΄ΠΎΠ±Π½ΠΎΠΌ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΈΠ΄Π΅ ΠΏΠΎΠ²ΡΠΎΡΡΡΡ ΠΈΠΌΠ΅ΡΡΠΈΠ΅ΡΡ Π² Π»ΡΠ±ΠΎΠΉ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ: ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΠΎΠ»Ρ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΡΠ΅ΠΊΡΡΠ°, Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠ΅ ΡΠΏΠΈΡΠΊΠΈ, ΡΠ»Π°ΠΆΠΊΠΈ, ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»ΠΈ ΠΈ ΡΠΎΠΌΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ Π²Π΅ΡΠΈ.
ΠΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΠΉ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ Π²ΠΈΠ΄ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Html ΡΠΎΡΠΌΡ, ΡΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, ΡΡΠΎ Π½Π° Π½Π΅Π΅ Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΆΠ°ΡΡ.
ΠΡΠΈΡΠ΅ΠΌ, Π²ΡΠ΅ ΡΠΎΡΡΠ°Π²Π»ΡΡΡΠΈΠ΅ Π΅Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ (Π²ΡΠΎΠ΄Π΅ Select, Option, Textarea, Label, Fieldset, Legend) ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΡΠΆΠ΅ Π·Π°ΠΊΠΎΠ½ΡΠ΅Π½Π½ΡΠ΅ Π·Π°Π³ΠΎΡΠΎΠ²ΠΊΠΈ (ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ), Π΄Π»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ ΠΊΠΎΡΠΎΡΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π»ΠΈΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½ΡΠΆΠ½ΡΠΉ ΡΠ΅Π³ Ρ Π½ΡΠΆΠ½ΡΠΌΠΈ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ ΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ.
ΠΡΠ°ΡΠ·Π΅ΡΡ ΡΠ°ΠΌΠΈ Π·Π½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΠΎΡ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²Π΅Π±ΡΠΎΡΠΌΡ. ΠΡΠ°Π²Π΄Π°, Π²Π°ΡΠΈΠ°Π½ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ ΡΠΎΠ³ΠΎ ΠΆΠ΅ Π΅Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² ΡΠ°Π·Π½ΡΡ
Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ
ΠΌΠΎΠ³ΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ Π΄ΡΡΠ³ ΠΎΡ Π΄ΡΡΠ³Π°, Π½ΠΎ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Π½Π΅ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ.
Π’.ΠΎ. ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ, ΡΡΠΎ Π²Π΅Π±ΡΠΎΡΠΌΡ Π² Html ΡΠ²Π»ΡΡΡΡΡ ΠΏΠΎΠΏΡΡΠΊΠΎΠΉ ΠΏΠ΅ΡΠ΅Π½Π΅ΡΡΠΈ ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π² Π»ΡΠ±ΠΎΠΉ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅, Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π²Π΅Π±ΡΠ°ΠΉΡΠ°. ΠΠΎ Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΡΠ°ΠΉΡΠ°?
Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΠΆΠ΅, Π΄Π»Ρ ΡΠ΅Π³ΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΠ°Ρ β ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ° Π΄Π°Π½Π½ΡΡ ΠΎΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. Π ΡΠ»ΡΡΠ°Π΅ ΡΠΎΡΠΌ Π΄Π°Π½Π½ΡΠ΅ ΠΎΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ, Π³Π΄Π΅ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΎΠΉ (ΡΠ·ΡΠΊ Π³ΠΈΠΏΠ΅ΡΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π΅ΡΡΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΡ Π΄Π°Π½Π½ΡΡ ).
Π₯ΠΎΡΡ, Π΄Π°Π½Π½ΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ, Π½ΠΎ ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΠ΅ Π½Π° Π°Π΄ΡΠ΅Ρ, Π·Π°Π΄Π°Π½Π½ΡΠΉ Π² Π°ΡΡΠΈΠ±ΡΡΠ΅ Action ΡΡΠ³Π° Form. ΠΡΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅ ΠΈΠ· Html Π΄Π°Π½Π½ΡΡ Π½Π° E-mail Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π·Π°ΠΏΠΎΠ»Π½ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΠ»Ρ, ΠΏΠΎΡΠ»Π΅ Π½Π°ΠΆΠ°ΡΠΈΡ ΠΈΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ , Π·Π°ΠΏΡΡΡΠΈΡΡΡ ΠΏΠΎΡΡΠΎΠ²Π°Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠ°Ρ Π½Π° Π΅Π³ΠΎ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
ΠΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ Form Π² ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
<form action="mailto:qwertydmitriy@gmail.com" enctype="text/plain">
Select ΠΈ Option β ΡΡΠ³ΠΈ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ²
ΠΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π΅Π±ΡΠΎΡΠΌΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΠΎΠ»Ρ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ, ΡΠΎΡΠΌΠΈΡΡΡΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ. Π‘Π½Π°ΡΠ°Π»Π° Π·Π°Π΄Π°Π΅ΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΠΏΠΎΠ»Ρ ΡΠΎ ΡΠΏΠΈΡΠΊΠΎΠΌ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ Html ΡΠ΅Π³Π° Select. Π Π·Π°ΡΠ΅ΠΌ Π²Π½ΡΡΡΠΈ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ Ρ ΠΏΡΠ½ΠΊΡΠ°ΠΌΠΈ (ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ) ΡΡΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°. ΠΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΡ
ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΡ
ΡΡΠ³ΠΎΠ² Option.
ΠΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
ΠΠΎ ΡΡΠΎ ΡΠΏΡΠΎΡΠ΅Π½Π½Π°Ρ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ, Ρ.ΠΊ. Ρ Select ΠΈ Option ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΡΠ΄ Π°ΡΡΠΈΠ±ΡΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ.
- Name β Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π·Π°Π΄Π°ΡΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈΠΌΡ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²Π΅Π±ΡΠΎΡΠΌΡ, ΡΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Select. ΠΡΠΎ ΠΈΠΌΡ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π°Π½ΠΎ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π΄Π°Π½Π½ΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠΌΠ΅Π½ΠΈ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΡΠΎΠΉ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π°Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° Value (Π·Π°Π΄Π°Π΅ΡΡΡ Π² Option Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ°) ΡΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ° Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠ±Π΅ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ.
- Size β Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ
ΠΏΡΠ½ΠΊΡΠΎΠ². ΠΠ½Π°ΡΠ΅ Π³ΠΎΠ²ΠΎΡΡ, Ρ ΠΏΠΎΠΌΠΎΡΡ Size ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ Π²ΡΡΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°, ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΠΌΡΡ Π² ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ
ΡΡΡΠΎΠΊ.
ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΠ΅ Π² ΡΠ²Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Size Π² ΡΠ΅Π³Π΅ Select, ΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π²ΡΡΠΎΡΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ ΡΠ°Π·Π½ΠΎΠΉ Π² ΡΠ»ΡΡΠ°Π΅ ΠΎΡΡΡΡΡΡΠ²ΠΈΡ ΠΈΠ»ΠΈ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΈΡ Π² Select Π°ΡΡΠΈΠ±ΡΡΠ° Multiple:
- ΠΡΠ»ΠΈ Multiple Π² Select ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ, ΡΠΎ Π²ΡΡΠΎΡΠ° Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π² Π²Π΅Π±ΡΠΎΡΠΌΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π²Π½Π° ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ Π΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². Π’.Π΅. Π±ΡΠ΄ΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ. Π‘ΠΌ. ΠΏΡΠΈΠΌΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ΅. ΠΡΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ Size Π² Select Π·Π°Π΄Π°ΡΡ ΠΌΠ΅Π½ΡΡΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΏΡΠ½ΠΊΡΠΎΠ², ΡΠΎ ΡΠΏΡΠ°Π²Π° ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΏΠΎΠ»ΠΎΡΠ° ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.
- ΠΡΠ»ΠΈ Multiple Π² Select ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ, ΡΠΎ Π²ΡΡΠΎΡΠ° Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π² Π²Π΅Π±ΡΠΎΡΠΌΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π²Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅. Π’.Π΅. Π²ΠΈΠ΄Π½Π° Π±ΡΠ΄Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½Π° ΡΡΡΠΎΠΊΠ°, Π° ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΏΡΠ½ΠΊΡΡ Π±ΡΠ΄ΡΡ Π΄ΠΎΡΡΡΠΏΠ½Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Π»ΠΈΡΡΠ° (ΡΠΏΡΠ°Π²Π°). Π‘ΠΌ. ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΠΉ Π½ΠΈΠΆΠ΅
- Multiple β ΠΏΡΠΈΠΏΠΈΡΡΠ²Π°Π½ΠΈΠ΅ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° Π² ΡΠ΅Π³Π΅ Select ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΠ±ΠΎΡΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ
ΠΏΡΠ½ΠΊΡΠΎΠ².
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΠΎΠ± ΡΡΠΎΠΌ Π°ΡΡΠΈΠ±ΡΡΠ΅ ΡΠΈΡΠ°ΠΉΡΠ΅ Π½ΠΈΠΆΠ΅.
Π€ΠΎΡΠΌΡ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·Π΄Π΅Π»ΠΈΡΡ Π½Π° Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ°. Π ΠΏΠ΅ΡΠ²ΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ (ΡΡΡΠΎΠΊΡ) ΠΏΠΎΠ»Ρ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ, Π²ΠΎ Π²ΡΠΎΡΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅ β ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ Ctrl ΠΈΠ»ΠΈ Shift ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ· ΠΈΠΌΠ΅ΡΡΠΈΡ ΡΡ ΠΏΡΠ½ΠΊΡΠΎΠ².
ΠΡΠΈ ΡΡΠΎΠΌ Π²ΠΎ Π²ΡΠΎΡΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅ Π±ΡΠ΄ΡΡ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Ρ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ Π΄Π°Π½Π½ΡΠ΅ ΠΎ Π²ΡΠ΅Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΡ ΠΏΡΠ½ΠΊΡΠ°Ρ . ΠΠ°ΠΊΠΎΠΉ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ Π½Π°Π»ΠΈΡΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ΠΌ Π² ΡΡΠ³Π΅ Select Π°ΡΡΠΈΠ±ΡΡΠ° Multiple.
Multiple ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π² Select Π±Π΅Π· ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°, Ρ.ΠΊ. ΠΏΠΈΡΠ΅ΡΡΡ ΠΏΡΠΎΡΡΠΎ Multiple ΠΈ Π²ΡΠ΅. ΠΡΠ»ΠΈ ΠΎΠ½ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ, ΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½Π° Π²Π΅Π±ΡΠΎΡΠΌΠ° Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΠ±ΠΎΡΠ° (ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ Ctrl ΠΈΠ»ΠΈ Shift).
ΠΠ°ΡΠΈΠ°Π½Ρ ΠΏΠΎΠ»Ρ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ΅Π½ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ Π²ΡΠ±ΠΎΡ, Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
LabelSelectSelectEDKtoNaNovenkogo.ruLegend
Π‘ΠΏΡΠ°Π²Π° ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡΠΈΠΌΠ΅Ρ Π²Π΅Π±ΡΠΎΡΠΌΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° ΡΠΎ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠ·Π΄Π°Π½ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΠΎΠ΄Π°, ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅. ΠΠ°ΠΊ Π²Ρ Π²ΠΈΠ΄ΠΈΡΠ΅, ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ Ctrl ΠΈΠ»ΠΈ Shift ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
ΠΡΠ»ΠΈ Π² ΡΡΠ³Π΅ Select Π°ΡΡΠΈΠ±ΡΡΠ° Multiple Π½Π΅ Π±ΡΠ΄Π΅Ρ, ΡΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΡΠΎΠ³ΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° (ΡΡΡΠΎΠΊΡ).
ΠΡΠΈΠΌΠ΅Ρ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΏΡΠ½ΠΊΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΈΠ΄Π΅ΡΡ Π·Π΄Π΅ΡΡ:
LabelSelectSelectEDKtoNaNovenkogo.ruLegend
ΠΡΡΠΈΠ±ΡΡΡ ΡΠ΅Π³Π° Option
- SelectED β ΠΎΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΠΊΠ°ΠΊΠΎΠΉ ΠΏΡΠ½ΠΊΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ Π²ΡΠ΄Π΅Π»Π΅Π½. Π’.Π΅. Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Ρ ΠΎΠ΄Π½ΠΈΠΌ Π²ΠΈΠ΄ΠΈΠΌΡΠΌ ΠΏΡΠ½ΠΊΡΠΎΠΌ. Π ΡΠ»ΡΡΠ°Π΅ ΠΆΠ΅ ΡΠΏΠΈΡΠΊΠ° Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ (Π΅ΡΠ»ΠΈ Π² Select ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ Π°ΡΡΠΈΠ±ΡΡ Multiple) ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΊΠ°Π·Π°Π½ΠΈΡ SelectED Π² Html ΡΠ΅Π³Π΅ Option Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΡΡΠ°Π·Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠ½ΠΊΡΠΎΠ².
- Value β Π½Π° ΡΠ΅ΡΠ²Π΅Ρ ΠΈΠ· Π²Π΅Π±ΡΠΎΡΠΌΡ ΠΏΠΎΠ»Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Π° ΠΏΠ°ΡΠ° Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ β ΠΈΠΌΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ. Π’Π°ΠΊ Π²ΠΎΡ, ΠΈΠΌΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π±Π΅ΡΠ΅ΡΡΡ ΠΈΠ· Π°ΡΡΠΈΠ±ΡΡΠ° Name ΡΡΠ³Π° Select, Π° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π±ΡΠ΄Π΅Ρ Π²Π·ΡΡΠΎ ΠΈΠ· Value ΡΠ΅Π³Π° Option, Π½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ° (ΠΈΠ»ΠΈ ΠΏΡΠ½ΠΊΡΠΎΠ², Π² ΡΠ»ΡΡΠ°Π΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΠ±ΠΎΡΠΎΠΌ), ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠ±ΡΠ°Π» ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π½Π°ΠΆΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
.
SelectLabelSelectEDKtoNaNovenkogo.ruLegend
Π ΡΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΡΠΉ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ (Ρ ΠΏΠΎΠΌΠΎΡΡΡ Select ΠΈ Option) ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΠ°Π·Π΄Π΅Π»ΠΈΡΠ΅Π»Π΅ΠΉ Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Π³ΡΡΠΏΠΏ, ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ ΠΏΠΎ Π½Π°ΡΠ΅ΡΡΠ°Π½ΠΈΡ ΡΡΠΈΡΡΠ°.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³ΡΡΠΏΠΏΡ ΠΈΠ· ΠΏΡΠ½ΠΊΡΠΎΠ² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΊΠ»ΡΡΠΈΡΡ ΠΈΡ Π² ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³ΠΈ ΡΠΎΡΠΌΡ Optgroup, Π° Π² ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌ ΡΡΠ³Π΅ Optgroup ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π°ΡΡΠΈΠ±ΡΡ Label, Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²Π²Π΅ΡΡΠΈ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π³ΡΡΠΏΠΏΡ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ ΡΠ°ΠΊ:
LabelSelectSelectEDKtoNaNovenkogo.ruLegend
Textarea β ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ Π² ΡΠΎΡΠΌΠ΅
ΠΡΡΠ°Π»ΡΡ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²Π΅Π±ΡΠΎΡΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΡ Π½Π΅ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ β Textarea (ΠΏΠΎΠ»Π΅ Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ Π²Π²ΠΎΠ΄Π° ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°). Π‘ΠΎΠ·Π΄Π°Π΅ΡΡΡ ΠΎΠ½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ°ΡΠ½ΠΎΠ³ΠΎ Html ΡΠ΅Π³Π° Textarea. ΠΡΠΈΡΠ΅ΠΌ, Π² Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡ ΡΠ΅ΠΊΡΡ Π½Π° Π½ΠΎΠ²ΡΡ ΡΡΡΠΎΠΊΡ ΠΈ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°ΡΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ Ρ ΡΡΠ΅ΡΠΎΠΌ ΡΠ΄Π΅Π»Π°Π½Π½ΡΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΎΠ².
ΠΡΠ°ΠΊ, Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ Textarea, Π° ΠΌΠ΅ΠΆΠ΄Ρ Π½ΠΈΠΌΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ Π²ΠΈΠ΄Π΅Π½ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Ρ Π²Π΅Π±ΡΠΎΡΠΌΠΎΠΉ. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎΡΠΎΠΌ ΡΠΌΠΎΠΆΠ΅Ρ ΡΡΠ΅ΡΠ΅ΡΡ ΡΡΠΎΡ ΡΠ΅ΠΊΡΡ ΠΈ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΉ.
<form>
<textarea rows=Β»3β³ cols=Β»15β³ name=Β»texttΒ»>Π§ΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠΎΠ±ΡΠΈΡΡ ΠΎ ΡΠ΅Π±Π΅?</textarea>
</form>
ΠΠΌΠ΅ΡΡΠ΅ Ρ Textarea ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ:
- Name β Π²Ρ Π·Π°Π΄Π°Π΅ΡΠ΅ ΠΈΠΌΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²Π΅Π±ΡΠΎΡΠΌΡ. ΠΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π°Π½ΠΎ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π΄Π°Π½Π½ΡΡ
- Cols β Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°Π΄Π°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Π³ΠΎ ΡΠΈΡΠΈΠ½Ρ ΡΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ Π² ΡΠΈΠΌΠ²ΠΎΠ»Π°Ρ .
- Rows β Π·Π°Π΄Π°Π΅ΠΌ Π²ΡΡΠΎΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ (Π² ΡΡΡΠΎΠΊΠ°Ρ ). ΠΡΠ»ΠΈ ΡΡΡΠΎΠΊ Ρ ΡΠ΅ΠΊΡΡΠ°, Π²Π²ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ, ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ Π±ΠΎΠ»ΡΡΠ΅, ΡΠ΅ΠΌ Π²ΡΡΠΎΡΠ° ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠΎΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ°, ΡΠΎ ΡΠΏΡΠ°Π²Π° ΠΎΡ ΠΏΠΎΠ»Ρ Π² Π²Π΅Π±ΡΠΎΡΠΌΠ΅ ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΏΠΎΠ»ΠΎΡΠ° ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ.
- Readonly β Π·Π°ΠΏΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π½Π° ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π² ΡΡΠΎ ΠΏΠΎΠ»Π΅ (ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΡΠ΅Π½ΠΈΡ).
- Disabled β ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΡΠ°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ Π² ΡΠ»ΡΡΠ°Π΅ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ Readonly, Π½Π΅ ΡΠΌΠΎΠΆΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ Π² Π²Π΅Π±ΡΠΎΡΠΌΠ΅, Π½ΠΎ ΠΎΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ Π½Π° ΡΠ΅ΡΡΠΉ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡΠΈΠΉ Π΅Π³ΠΎ Π½Π΅Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ.
Label β Π΄Π»Ρ ΡΠ΅Π³ΠΎ Π½ΡΠΆΠ΅Π½ ΡΡΠΎΡ Html ΡΡΠ³ Π² ΡΠΎΡΠΌΠ΅
Html ΡΠ΅Π³ Label ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄Π½Ρ ΠΎΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π² ΡΠΎΡΠΌΠ°Ρ , ΠΊΠΎΡΠΎΡΠ°Ρ ΠΈΠΌΠ΅Π΅ΡΡΡ Π² ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΠ°Ρ . Π’Π°ΠΌ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠΌΠ½ΠΈΡΠ΅, Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠ΅Π»ΠΊΠ°ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎ Π½Π΅ΠΌΡ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΈ ΠΏΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° β Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ Π΅Π³ΠΎ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΡ.
Π Π²Π΅Π±ΡΠΎΡΠΌΠ°Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ Π½Π΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ β Π½ΡΠΆΠ½ΠΎ ΡΠ΅Π»ΠΊΠ°ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎ ΡΠ°ΠΌΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Html ΡΠΎΡΠΌΡ Π΄Π»Ρ Π΅Π³ΠΎ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π½ΡΠΆΠ½ΠΎ ΡΠ΅Π»ΠΊΠ°ΡΡ ΠΏΠΎ ΡΠ»Π°ΠΆΠΊΡ, Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π² Π½Π΅ΠΌ Π³Π°Π»ΠΎΡΠΊΡ. Π©Π΅Π»ΡΠΎΠΊ ΠΆΠ΅ ΠΏΠΎ ΡΠ΅ΠΊΡΡΡ ΡΡΠ΄ΠΎΠΌ Ρ ΡΠ»Π°ΠΆΠΊΠΎΠΌ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ° Π½Π΅ ΠΏΡΠΈΠ½Π΅ΡΠ΅Ρ. ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ:
ΠΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΠΏΠΎ ΡΠ΅ΠΊΡΡΡ ΡΠ΅Π»ΠΊΠ°ΡΡ Π΄Π»Ρ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π±Π΅ΡΠΏΠΎΠ»Π΅Π·Π½ΠΎ β Π½ΡΠΆΠ½ΠΎ ΡΠ΅Π»ΠΊΠ°ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎ Π½Π΅ΠΌΡ ΡΠ°ΠΌΠΎΠΌΡ. ΠΠΎΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²Π΅ΡΠ΅ΠΉ ΠΈ ΠΏΡΠΈΠ·Π²Π°Π½ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ ΡΡΠ³ Label. ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ΅ΠΊΡΡ ΡΡΠ΄ΠΎΠΌ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ Π²Π΅Π± ΡΠΎΡΠΌΡ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΌ, ΡΡΠΎ Π½Π΅ΡΠΎΠΌΠ½Π΅Π½Π½ΠΎ ΡΠ»ΡΡΡΠΈΡ ΡΠ·Π°Π±ΠΈΠ»ΠΈΡΠΈ.
ΠΠΎ ΠΊΠ°ΠΊ ΡΠ²ΡΠ·Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Html ΡΠΎΡΠΌΡ ΠΈ ΡΠ΅ΠΊΡΡ? ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠΏΠΈΡΠ°ΡΡ Π² Π°ΡΡΠΈΠ±ΡΡ ID Ρ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠΌ, Π° ΡΠ΅ΠΊΡΡ Π½ΡΠΆΠ½ΠΎ ΠΎΠΊΡΡΠΆΠΈΡΡ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΡΠ³Π°ΠΌΠΈ Label. Π ΡΡΠΎ Π΅ΡΠ΅ Π½Π΅ Π²ΡΠ΅. Π ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌ ΡΠ΅Π³Π΅ Label Π½ΡΠΆΠ½ΠΎ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π°ΡΡΠΈΠ±ΡΡ For, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊΠΈΠΌ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Ρ Π°ΡΡΠΈΠ±ΡΡΠ° ID Π² Html ΡΠ΅Π³Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΎΡΠΌΡ. ΠΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
ΠΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΈΠ΄Π΅ΡΡ, ΡΠ΅ΠΏΠ΅ΡΡ, Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Label, ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π΅Π±ΡΠΎΡΠΌΡ ΠΌΠΎΠΆΠ½ΠΎ Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π»ΡΠΊΠΎΠΌ ΠΏΠΎ Π½Π΅ΠΌΡ ΡΠ°ΠΌΠΎΠΌΡ, Π½ΠΎ ΠΈ ΡΠ΅Π»ΡΠΊΠΎΠΌ ΠΏΠΎ ΡΠ΅ΠΊΡΡΡ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠΌΡ ΡΡΠ΄ΠΎΠΌ.
Fieldset ΠΈ Legend β ΡΠ°Π·Π±ΠΈΠ²Π°Π΅ΠΌ ΡΠΎΡΠΌΡ Π½Π° ΡΠ°ΡΡΠΈ
ΠΡ, Π½Π°Π²Π΅ΡΠ½ΠΎΠ΅, ΡΠ°ΡΡΠΎ Π²ΠΈΠ΄Π΅Π»ΠΈ, ΡΡΠΎ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠΎΡΠΌΡ Π² Html Π±ΡΠ²Π°ΡΡ ΡΠ°Π·Π±ΠΈΡΡ Π½Π° Π³ΡΡΠΏΠΏΡ (Fieldset), ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±Π²Π΅Π΄Π΅Π½Ρ Π² ΡΠ°ΠΌΠΎΡΠΊΡ ΠΈ Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠ°ΠΊΠΎΠΉ Π³ΡΡΠΏΠΏΡ ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΠ²ΠΎΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (Legend). Π Π΅Π°Π»ΠΈΠ·ΡΠ΅ΡΡΡ ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²ΡΠ΅Π³ΠΎ Π΄Π²ΡΡ ΡΡΠ³ΠΎΠ²: Fieldset ΠΈ Legend. ΠΠ½ΠΈ ΠΏΠ°ΡΠ½ΡΠ΅, Ρ.Π΅. Ρ Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π² ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ.
Π’Π°ΠΊ Π²ΠΎΡ, Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³ΡΡΠΏΠΏΡ ΠΈΠ· ΡΠΎΡΡΠ°Π²Π½ΡΡ
ΡΠ°ΡΡΠ΅ΠΉ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΊΠ»ΡΡΠΈΡΡ Π²ΡΠ΅ ΡΡΠΈ ΡΠ°ΡΡΠΈ Π² ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΡΠ³ΠΈ Fieldset. Π Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π·Π°Π΄Π°ΡΡ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠΉ Π³ΡΡΠΏΠΏΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (Legend), Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΡΠ°Π·Ρ ΠΆΠ΅ ΠΏΠΎΡΠ»Π΅ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ Fieldset ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ ΠΈΠ· ΠΎΡΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ Legend, ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΡΠ°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π³ΡΡΠΏΠΏΡ.
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π³ΡΡΠΏΠΏ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Fieldset ΠΈ Legend:
Π£Π΄Π°ΡΠΈ Π²Π°ΠΌ! ΠΠΎ ΡΠΊΠΎΡΡΡ Π²ΡΡΡΠ΅Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π»Ρ Π·Π°ΡΠ°Π±ΠΎΡΠΊΠ°
HTML-ΡΠΏΠΈΡΠΊΠΈ
HTML-ΡΠΏΠΈΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ Π³ΡΡΠΏΠΏΠΈΡΠΎΠ²ΠΊΠΈ ΡΠ²ΡΠ·Π°Π½Π½ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΠ±ΠΎΠΉ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠ² ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΡΡΠΈ Π²ΠΈΠ΄Π° ΡΠΏΠΈΡΠΊΠΎΠ²:
- ΠΌΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ β <ul> β ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li> ΠΎΡΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠΌ,
- Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ β <ol> β ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° <li> ΠΎΡΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΡΠΈΡΡΠΎΠΉ,
- ΡΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ β <dl> β ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΠΏΠ°Ρ ΡΠ΅ΡΠΌΠΈΠ½ <dt> β <dd> ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅.
ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ, Π²Π½ΡΡΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° ΠΈΠ»ΠΈ ΠΏΠ°ΡΡ ΡΠ΅ΡΠΌΠΈΠ½-ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΠΈΡΠΊΠ° Π²Π΅Π΄ΡΡ ΡΠ΅Π±Ρ ΠΊΠ°ΠΊ Π±Π»ΠΎΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡ Π΄ΡΡΠ³ ΠΏΠΎΠ΄ Π΄ΡΡΠ³ΠΎΠΌ ΠΈ Π·Π°Π½ΠΈΠΌΠ°Ρ Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ Π±Π»ΠΎΠΊΠ°-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ Π±Π»ΠΎΠΊ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΡΠ±ΠΎΠΊΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΡΡΠ°ΡΡΠ²ΡΠ΅Ρ Π² ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠ΅.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ HTML-ΡΠΏΠΈΡΠΊΠΎΠ²
1. ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΠ°ΡΠΊΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (ΠΎΡ Π°Π½Π³Π». Unordered List). Π‘ΠΎΠ·Π΄Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <ul>. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ° Π²ΡΡΡΡΠΏΠ°Π΅Ρ ΠΌΠ΅ΡΠΊΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π·Π°ΠΊΡΠ°ΡΠ΅Π½Π½ΡΠΉ ΠΊΡΡΠΆΠΎΠΊ.
ΠΡΠ°ΡΠ·Π΅ΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΡ ΡΠΏΠΈΡΠΊΠ°:
ul {
padding-left: 40px;
margin-top: 1em;
margin-bottom: 1em;
}
ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΡΠΎΠ·Π΄Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <li> (ΠΎΡ Π°Π½Π³Π». List Item).
ΠΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <ul> Π΄ΠΎΡΡΡΠΏΠ½Ρ βΠ³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ.
<ul>
<li>Microsoft</li>
<li>Google</li>
<li>Apple</li>
<li>IBM</li>
</ul>
- Microsoft
- Apple
- IBM
2. ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <ol>. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ ΡΠΏΠΈΡΠΊΠ° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <li>. ΠΡΠ°ΡΠ·Π΅Ρ Π½ΡΠΌΠ΅ΡΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠΎ ΠΏΠΎΡΡΠ΄ΠΊΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈ Π΅ΡΠ»ΠΈ ΡΠ΄Π°Π»ΠΈΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ°, ΡΠΎ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ Π½ΠΎΠΌΠ΅ΡΠ° Π±ΡΠ΄ΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠ΅ΡΠ΅ΡΡΠΈΡΠ°Π½Ρ.
ΠΠ»ΠΎΠΊ ΡΠΏΠΈΡΠΊΠ° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΡΡΠΈΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ol {
padding-left: 40px;
margin-top: 1em;
margin-bottom: 1em;
}
ΠΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <li> Π΄ΠΎΡΡΡΠΏΠ΅Π½ Π°ΡΡΠΈΠ±ΡΡ value, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π½ΠΎΠΌΠ΅Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΠΈΡΠΊΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ° ΡΠΏΠΈΡΠΊΠ° Π·Π°Π΄Π°ΡΡ <li value="10">, ΡΠΎ ΠΎΡΡΠ°Π»ΡΠ½Π°Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅ΡΡΠΈΡΠ°Π½Π° ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ.
ΠΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <ol> Π΄ΠΎΡΡΡΠΏΠ½Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ:
ΠΡΡΠΈΠ±ΡΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅, ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅ΠΌΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ |
---|---|
reversed | ΠΡΡΠΈΠ±ΡΡ reversed Π·Π°Π΄Π°Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° Π² ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, 9, 8, 7β¦).![]() |
start | ΠΡΡΠΈΠ±ΡΡ start Π·Π°Π΄Π°Π΅Ρ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΎΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΏΠΎΠΉΠ΄Π΅Ρ ΠΎΡΡΡΠ΅Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ <ol start="10"> ΠΏΠ΅ΡΠ²ΠΎΠΌΡ ΠΏΡΠ½ΠΊΡΡ ΠΏΡΠΈΡΠ²ΠΎΠΈΡ ΠΏΠΎΡΡΠ΄ΠΊΠΎΠ²ΡΠΉ Π½ΠΎΠΌΠ΅Ρ Β«10Β». Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π·Π°Π΄Π°Π²Π°ΡΡ ΡΠΈΠΏ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, <ol type="I" start="10">. |
type | ΠΡΡΠΈΠ±ΡΡ type Π·Π°Π΄Π°Π΅Ρ Π²ΠΈΠ΄ ΠΌΠ°ΡΠΊΠ΅ΡΠ° Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² ΡΠΏΠΈΡΠΊΠ΅ (Π² Π²ΠΈΠ΄Π΅ Π±ΡΠΊΠ² ΠΈΠ»ΠΈ ΡΠΈΡΡ). ΠΡΠΈΠ½ΠΈΠΌΠ°Π΅ΠΌΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ: 1 β Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π΄Π΅ΡΡΡΠΈΡΠ½Π°Ρ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ. A β Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΠΏΠΈΡΠΊΠ° Π² Π°Π»ΡΠ°Π²ΠΈΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅, Π·Π°Π³Π»Π°Π²Π½ΡΠ΅ Π±ΡΠΊΠ²Ρ (A, B, C, D). a β Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΠΏΠΈΡΠΊΠ° Π² Π°Π»ΡΠ°Π²ΠΈΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅, ΡΡΡΠΎΡΠ½ΡΠ΅ Π±ΡΠΊΠ²Ρ (a, b, c, d). I β Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΠΈΠΌΡΠΊΠΈΠΌΠΈ Π·Π°Π³Π»Π°Π²Π½ΡΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ (I, II, III, IV). i β Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΠΈΠΌΡΠΊΠΈΠΌΠΈ ΡΡΡΠΎΡΠ½ΡΠΌΠΈ ΡΠΈΡΡΠ°ΠΌΠΈ (i, ii, iii, iv). |
<ol>
<li>Microsoft</li>
<li>Google</li>
<li>Apple</li>
<li>IBM</li>
</ol>
- Microsoft
- Apple
- IBM

3. Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ
Π‘ΠΏΠΈΡΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° <dl>. ΠΠ»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠ΅ΡΠΌΠΈΠ½Π° ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ <dt>, Π° Π΄Π»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ β ΡΠ»Π΅ΠΌΠ΅Π½Ρ <dd>.
ΠΠ»ΠΎΠΊ ΡΠΏΠΈΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠΈΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
dl {
margin-top: 1em;
margin-bottom: 1em;
}
ΠΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² <dl>, <dt> ΠΈ <dd> Π΄ΠΎΡΡΡΠΏΠ½Ρ βΠ³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ.
<dl>
<dt>Π Π΅ΠΆΠΈΡΡΠ΅Ρ:</dt>
<dd>ΠΠ΅ΡΡ Π’ΠΎΡΠΈΠ»ΠΈΠ½</dd>
<dt>Π ΡΠΎΠ»ΡΡ
:</dt>
<dd>ΠΠ½Π΄ΡΠ΅ΠΉ ΠΠ°ΠΉΠ΄ΡΠ»ΡΠ½</dd>
<dd>ΠΠ»Π΅ΠΊΡΠ΅ΠΉ ΠΠ°Π²ΡΠΈΠ»ΠΎΠ²</dd>
<dd>ΠΠΈΡΠ°Π»ΠΈΠΉ ΠΠΎΠ³ΡΠ½ΡΠΊΠΈΠΉ</dd>
<dd>ΠΠ°ΡΠΈΡ ΠΠΎΠΆΠ΅Π²Π½ΠΈΠΊΠΎΠ²Π°</dd>
</dl>
- Π Π΅ΠΆΠΈΡΡΠ΅Ρ:
- ΠΠ΅ΡΡ Π’ΠΎΡΠΈΠ»ΠΈΠ½
- Π ΡΠΎΠ»ΡΡ :
- ΠΠ½Π΄ΡΠ΅ΠΉ ΠΠ°ΠΉΠ΄ΡΠ»ΡΠ½
- ΠΠ»Π΅ΠΊΡΠ΅ΠΉ ΠΠ°Π²ΡΠΈΠ»ΠΎΠ²
- ΠΠΈΡΠ°Π»ΠΈΠΉ ΠΠΎΠ³ΡΠ½ΡΠΊΠΈΠΉ
- ΠΠ°ΡΠΈΡ ΠΠΎΠΆΠ΅Π²Π½ΠΈΠΊΠΎΠ²Π°

4. ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ
ΠΠ°ΡΠ°ΡΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΠΏΡΠΎΡΡΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² Π½Π΅ Ρ Π²Π°ΡΠ°Π΅Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΡ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π±Π΅Π· Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ ΠΏΡΠ½ΠΊΡΠΎΠ². Π Π°Π·ΠΌΠ΅ΡΠΊΠ° Π΄Π»Ρ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ:
<ul>
<li>ΠΡΠ½ΠΊΡ 1.</li>
<li>ΠΡΠ½ΠΊΡ 2.
<ul>
<li>ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.1.</li>
<li>ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.2.
<ul>
<li>ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.2.1.</li>
<li>ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.2.2.</li>
</ul>
</li>
<li>ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.3.</li>
</ul>
</li>
<li>ΠΡΠ½ΠΊΡ 3.</li>
</ul>
- ΠΡΠ½ΠΊΡ 1.
- ΠΡΠ½ΠΊΡ 2.
- ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.1.
- ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.2.
- ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.2.1.
- ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.2.2.
- ΠΠΎΠ΄ΠΏΡΠ½ΠΊΡ 2.3.
- ΠΡΠ½ΠΊΡ 3.
5.

ΠΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΠΈΡΠΊΠ° Π½Π° ΡΠ°Π·Π½ΡΡ ΡΡΠΎΠ²Π½ΡΡ Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ. Π Π°Π·ΠΌΠ΅ΡΠΊΠ° Π΄Π»Ρ ΠΌΠ½ΠΎΠ³ΠΎΡΡΠΎΠ²Π½Π΅Π²ΠΎΠ³ΠΎ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π±ΡΠ΄Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ:
<ol>
<li>ΠΏΡΠ½ΠΊΡ</li>
<li>ΠΏΡΠ½ΠΊΡ
<ol>
<li>ΠΏΡΠ½ΠΊΡ</li>
<li>ΠΏΡΠ½ΠΊΡ</li>
<li>ΠΏΡΠ½ΠΊΡ
<ol>
<li>ΠΏΡΠ½ΠΊΡ</li>
<li>ΠΏΡΠ½ΠΊΡ</li>
<li>ΠΏΡΠ½ΠΊΡ</li>
</ol>
</li>
<li>ΠΏΡΠ½ΠΊΡ</li>
</ol>
</li>
<li>ΠΏΡΠ½ΠΊΡ</li>
<li>ΠΏΡΠ½ΠΊΡ</li>
</ol>
Π’Π°ΠΊΠ°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠΎΠ·Π΄Π°ΡΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π½ΠΎΠ²ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ, Π½Π°ΡΠΈΠ½Π°ΡΡΡΡΡΡ Ρ Π΅Π΄ΠΈΠ½ΠΈΡΡ. Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ, Π½ΡΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π°:
- counter-reset ΡΠ±ΡΠ°ΡΡΠ²Π°Π΅Ρ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΡΡΡΠΈΠΊΠΎΠ², Π·Π°Π΄Π°Π²Π°Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ±ΡΠΎΡΠ°;
- counter-increment Π·Π°Π΄Π°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΡΠ°ΡΠ΅Π½ΠΈΡ ΡΡΡΡΡΠΈΠΊΠ°, Ρ.
Π΅. Ρ ΠΊΠ°ΠΊΠΈΠΌ ΡΠ°Π³ΠΎΠΌ Π±ΡΠ΄Π΅Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°ΡΡΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ;
- content β Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, Π² Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° Π²ΡΠ²ΠΎΠ΄ Π½ΠΎΠΌΠ΅ΡΠ° ΠΏΠ΅ΡΠ΅Π΄ ΠΊΠ°ΠΆΠ΄ΡΠΌ ΠΏΡΠ½ΠΊΡΠΎΠΌ ΡΠΏΠΈΡΠΊΠ°.
ol {
/* ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ */
list-style: none;
/* ΠΠ΄Π΅Π½ΡΠΈΡΠΈΡΠΈΡΡΠ΅ΠΌ ΡΡΠ΅ΡΡΠΈΠΊ ΠΈ Π΄Π°Π΅ΠΌ Π΅ΠΌΡ ΠΈΠΌΡ li. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠ΅ΡΡΠΈΠΊΠ° Π½Π΅ ΡΠΊΠ°Π·Π°Π½ΠΎ - ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠ½ΠΎ ΡΠ°Π²Π½ΠΎ 0 */
counter-reset: li;
}
li:before {
/* ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°ΡΡΡΡ β li. ΠΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½Ρ before ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌΠΎΠ΅ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° content, Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΠΏΡΠ½ΠΊΡΠ°ΠΌΠΈ ΡΠΏΠΈΡΠΊΠ°. ΠΠ΄Π΅ΡΡ ΠΆΠ΅ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΡΠ°ΡΠ΅Π½ΠΈΡ ΡΡΠ΅ΡΡΠΈΠΊΠ° (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π²Π½ΠΎ 1). */
counter-increment: li;
/* Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° content Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡ Π½ΠΎΠΌΠ΅Ρ ΠΏΡΠ½ΠΊΡΠ° ΡΠΏΠΈΡΠΊΠ°. counters() ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π²ΡΠ΅Ρ
ΡΡΠ΅ΡΡΠΈΠΊΠΎΠ² Ρ ΡΠ°ΠΊΠΈΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ. Π’ΠΎΡΠΊΠ° Π² ΠΊΠ°Π²ΡΡΠΊΠ°Ρ
Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΡΠ°Π·Π΄Π΅Π»ΡΡΡΡΡ ΡΠΎΡΠΊΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΈΡΡΠ°ΠΌΠΈ, Π° ΡΠΎΡΠΊΠ° Ρ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ° ΡΠΏΠΈΡΠΊΠ° */
content: counters(li, ".
") ". ";
}
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
- ΠΏΡΠ½ΠΊΡ
Easy Tutorial Ρ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ ΠΊΠΎΠ΄Π° Β»
Π² Π°ΡΡΠΈΠ±ΡΡΠ°Ρ HTML
Π Π°ΡΠΊΡΡΡΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ: ΠΠ°ΡΠ° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΡΠ°Π±ΠΎΡΡ ΡΠ°ΠΉΡΠ°! ΠΡ Π·Π°ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΠΌ ΡΠ΅ΡΠ΅ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ±ΠΎΡ Π·Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ»ΡΠ³ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π½Π° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. Π£Π·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅- ΠΡΡΠΈΠ±ΡΡ
- Π ΠΎΠ»Ρ Π² HTML-ΡΠΎΡΠΌΠ°Ρ (Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΡ ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ²)
- Π§ΡΠΎ Π΄Π΅Π»Π°Π΅Ρ
ΠΠ°ΠΊ Π²ΡΠ±ΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² HTML: ΠΡΠΎΡΡΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ Ρ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠΌ ΠΊΠΎΠ΄Π°
? - ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ° Π² ΡΠΏΠΈΡΠΊΠ΅.
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π°
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²ΠΈΠ΄ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎ.ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΡΡΡ, ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ Π½Π°ΠΆΠ°ΡΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΡΡ Β«ControlΒ» (Windows) ΠΈΠ»ΠΈ Β«CommandΒ» (Mac), ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ.
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²ΠΈΠ΄ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎ.ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΡΡΡ, ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ ΠΊΠ»Π°Π²ΠΈΡΡ Control (Windows) ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ (Mac), ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ.
ΠΠΌΠ΅ΡΠΈΠΊΠ°Π½ΡΠΊΠΈΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠΠ½Π΄ΠΈΠΉΡΠΊΠΈΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠ§ΠΈΠ»ΠΈΠΉΡΠΊΠΈΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠΠΎΠ»ΡΡΠΎΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠ€Π»Π°ΠΌΠΈΠ½Π³ΠΎ ΠΠΆΠ΅ΠΉΠΌΡΠΠ΅ΡΡΠ΅Ρ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠΡΠ±ΠΎΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠΏΠΈΡΠΊΠΎΠ²
ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ
Π°ΡΡΠΈΠ±ΡΡΠΎΠ²
ΠΊ , ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²ΠΈΠ΄ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎ.
ΠΠΌΠ΅ΡΠΈΠΊΠ°Π½ΡΠΊΠΈΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠΠ½Π΄ΠΈΠΉΡΠΊΠΈΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠ§ΠΈΠ»ΠΈΠΉΡΠΊΠΈΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠΠΎΠ»ΡΡΠΎΠΉ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠ€Π»Π°ΠΌΠΈΠ½Π³ΠΎ ΠΠΆΠ΅ΠΉΠΌΡΠ°ΠΠ΅ΡΡΠ΅Ρ ΡΠ»Π°ΠΌΠΈΠ½Π³ΠΎΠ‘ΡΡΠΎΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠΎΡΠΌΡ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΠ»Π΅ΠΌΠ΅Π½Ρ OPTION ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° SELECT.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ SELECT
ΠΡΡΠΈΠ±ΡΡ | ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΠΎΡΡΠ½Π΅Π½ΠΈΠ΅ |
---|---|---|
name = «» | Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»Ρ | ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈΠΌΡ Π΄Π»Ρ ΠΏΠΎΠ»Ρ |
size = «» | Π½ΠΎΠΌΠ΅Ρ | ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π²ΠΈΠ΄ΠΈΠΌΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ 1) |
ΠΊΡΠ°ΡΠ½ΠΎΠ΅ | Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ | ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² (HTML: multiple | XHTML: multiple = Β«multipleΒ») |
- name = «»
- ΠΠΌΡ ΠΏΠΎΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΠΏΠΎΠ»Ρ ΡΠΎΡΠΌΡ.
- ΡΠ°Π·ΠΌΠ΅Ρ = «»
ΠΠ°Π΄Π°Π΅Ρ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π²ΠΈΠ΄ΠΈΠΌΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π² ΡΠΏΠΈΡΠΊΠ΅.
size = Β«1Β»: ΠΠ»Π΅ΠΌΠ΅Π½Ρ 1 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 2 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 3 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 4 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 5
size = Β«3Β»: ΠΠ»Π΅ΠΌΠ΅Π½Ρ 1 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 2 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 3 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 4 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 5
- ΠΊΡΠ°ΡΠ½ΠΎ
ΠΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠ»Π΅ΠΌΠ΅Π½Ρ 1 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 2 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 3 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 4 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 5
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ SHIFT ΠΈΠ»ΠΈ CTRL Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠ»Π΅ΠΌΠ΅Π½Ρ OPTION
ΠΡΡΠΈΠ±ΡΡ | ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΠΎΡΡΠ½Π΅Π½ΠΈΠ΅ |
---|---|---|
value = «» | Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ | ΡΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΎ |
Π²ΡΠ±ΡΠ°Π½ΠΎ | Π²ΡΠ±ΡΠ°Π½ΠΎ | ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²ΡΠ±ΡΠ°Π½ (HTML: selected | XHTML: selected = Β«selectedΒ») |
- Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ = «»
ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ ΠΏΡΠΈ Π²ΡΠ±ΠΎΡΠ΅.
ΠΡΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ value Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° OPTION ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ.
- Π²ΡΠ±ΡΠ°Π½ΠΎ
ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²ΡΠ±ΡΠ°Π½ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ 1 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 2 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 3 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 4 ΠΠ»Π΅ΠΌΠ΅Π½Ρ 5
Π‘ΡΠΈΠ»Ρ ΠΏΠΎΠ»Ρ ΡΠΏΠΈΡΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS. ΠΠΎΠ΄ΡΠΎΠ±Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ CSS ΡΠΌ. Π Β«Π‘Π²ΡΠ·Π°Π½Π½ΠΎΠΌ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅Β».
ΠΡΠΈΠΌΠ΅Ρ
- ΠΡΡ ΠΎΠ΄
ΠΡΡ ΡΠΎΡΠΌΡ Π½Π΅Π»ΡΠ·Ρ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΠΈΠ·-Π·Π° ΠΎΠ±ΡΠ°Π·ΡΠ°.
Π ΡΡΠ΅ΡΡΠ΅ΠΉ ΡΡΡΠΎΠΊΠ΅ Π²ΡΠ±ΡΠ°Π½ΠΎ
- ΠΡΡ ΠΎΠ΄
ΠΡΡ ΡΠΎΡΠΌΡ Π½Π΅Π»ΡΠ·Ρ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΠΈΠ·-Π·Π° ΠΎΠ±ΡΠ°Π·ΡΠ°.
ΠΡΠ±ΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ
- ΠΡΡ ΠΎΠ΄
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ SHIFT ΠΈΠ»ΠΈ CTRL Π΄Π»Ρ Π²ΡΠ±ΠΎΡΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΡΡ ΡΠΎΡΠΌΡ Π½Π΅Π»ΡΠ·Ρ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΠΈΠ·-Π·Π° ΠΎΠ±ΡΠ°Π·ΡΠ°.
ΠΡΠ±ΡΠ°Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ
- ΠΡΡ ΠΎΠ΄
ΠΡΡ ΡΠΎΡΠΌΡ Π½Π΅Π»ΡΠ·Ρ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΠΈΠ·-Π·Π° ΠΎΠ±ΡΠ°Π·ΡΠ°.
Π’Π΅Π³ΠΈ ΡΠΎΡΠΌΡ- Π‘Π²ΡΠ·Π°Π½Π½ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ°
Π ΡΠΏΠΈΡΠΊΠ΅ Π²ΡΠ±ΠΎΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ±ΡΠ°ΡΡ Π½ΠΈΡΠ΅Π³ΠΎ, ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². Π‘ΠΏΠΈΡΠΎΠΊ Π²ΡΠ±ΠΎΡΠ° ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ Π²Π°Ρ Π΅ΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΠΎΠΌ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π΅. Π‘ΠΏΠΈΡΠΎΠΊ Π²ΡΠ±ΠΎΡΠ° ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΄ΠΎΠ±Π½ΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π°Π±ΠΎΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ
Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π΄Π»Ρ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ΅Π½ΠΈΡ Π½Π΅Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎΠ³ΠΎ Π²Π²ΠΎΠ΄Π° ΠΈΠ»ΠΈ ΠΎΡΡΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΠΎΡΠΈΠ±ΠΎΠΊ.
Π‘ΠΏΠΈΡΠΎΠΊ Π²ΡΠ±ΠΎΡΠ° Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠ΅Π³Π° .ΠΠ°ΠΆΠ΄ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΠΈΠ»ΠΈ Π²ΡΠ±ΠΎΡ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ° ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½Ρ Ρ ΡΠ΅Π³ΠΎΠΌ
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ: http: //www.scriptingmaster.comhttp: //www.google.comhttp: //www.msn.com
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄:
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ:
name = "FavWebSite" >
ΠΡΠ²ΠΎΠ΄ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ Π²Ρ Π²ΠΈΠ΄Π΅Π»ΠΈ Π²ΡΡΠ΅, Π½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π°ΡΡΠΈΠ±ΡΡΡ name ΠΈ value, ΠΌΡ ΡΠΌΠΎΠΆΠ΅ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΡΡΠΎ Π²ΡΠ±ΡΠ°Π» ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΠΈΡΠ°Π΅Ρ Π²ΡΠΎΡΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ, Π½Π° ΡΠ΅ΡΠ²Π΅Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π±ΡΠ΄Π΅Ρ ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Β«GoogleΒ».
ΠΠ½ΠΎΠ³Π΄Π° ΡΡΠ΅Π±ΡΠ΅ΡΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΡΠ°Π» Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ°. Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΠΈΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π΄Π»Ρ ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΊ ΡΠ΅Π³Ρ
ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΡΠ±ΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ°. ΠΡΡΠ°ΡΠΈ, Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΠ±ΠΎΡΠ° Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ° β ΡΡΠΎ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ, Π° Π·Π°ΡΠ΅ΠΌ, ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ ΠΊΠ»Π°Π²ΠΈΡΡ Shift, ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΡΠΏΠΈΡΠΊΠ΅. Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ. ΠΡΠΎ ΡΠ΄Π΅Π»Π°Π΅Ρ Π½Π΅ΠΏΡΠ΅ΡΡΠ²Π½ΡΠΉ Π²ΡΠ±ΠΎΡ.ΠΠ΄Π½Π°ΠΊΠΎ Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π΅ΡΠΌΠ΅ΠΆΠ½ΡΠΉ Π²ΡΠ±ΠΎΡ, ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°ΠΉΡΠ΅ Π½Π°ΠΆΠ°ΡΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΡΡ Ctrl, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ°.
ΠΡΠ»ΠΈ Π²Π°Ρ ΡΠΏΠΈΡΠΎΠΊ Π²ΡΠ±ΠΎΡΠ° Π΄Π»ΠΈΠ½Π½ΡΠΉ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° , ΡΡΠΎΠ±Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»ΡΡΠ΅ 1, ΡΡΠΎΠ±Ρ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ° ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ,
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ:
ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡ Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ°, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π΄Π»Ρ Π°ΡΡΠΈΠ±ΡΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 2:
.ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ: http: // www.scriptingmaster.comhttp: //www.google.comhttp: //www.msn.comhttp: //www.yahoo.comhttp: //www.microsoft.com
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΠΎΠΊΠ°Π·Π°Π½Ρ Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ° Π²ΡΠ±ΠΎΡΠ°. ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄ΡΡΠ³ΠΈΡ
Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². ΠΠ΅ΡΡΠΈΠΊΠ°Π»ΡΠ½Π°Ρ ΠΏΠΎΠ»ΠΎΡΠ° ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ Π² ΡΠΏΠΈΡΠΎΠΊ Π²ΡΠ±ΠΎΡΠ°. ΠΠ΄Π½Π°ΠΊΠΎ Π΅ΡΠ»ΠΈ Π²Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΡΠ°Π²Π½ΡΠΉ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Π² ΡΠΏΠΈΡΠΊΠ΅ Π²ΡΠ±ΠΎΡΠ°, ΠΏΠΎΠ»ΠΎΡΠ° ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π±ΡΠ΄Π΅Ρ Π·Π°ΡΠ΅ΠΌΠ½Π΅Π½Π° ΠΈΠ»ΠΈ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ. Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ:
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ:
http: //www.scriptingmaster.comhttp: //www.google.comhttp: //www.msn.comhttp: //www.yahoo.comhttp: //www.microsoft.com
Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ° ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ ΡΠΏΠΈΡΠΊΠ° Π²ΡΠ±ΠΎΡΠ°
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ ΠΏΠ΅ΡΠ²Π°Ρ ΠΎΠΏΡΠΈΡ Π² ΡΠΏΠΈΡΠΊΠ΅ Π²ΡΠ±ΠΎΡΠ°; ΠΎΠ΄Π½Π°ΠΊΠΎ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ. Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌ (Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΌ) Π² ΡΠΏΠΈΡΠΊΠ΅ Π²ΡΠ±ΠΎΡΠ° ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΠΎΡΠΌΡ Π² Π±ΡΠ°ΡΠ·Π΅Ρ, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ selected Π² ΡΠ΅Π³
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ:
ΡΠ΄Π΅Π»Π°Π΅Ρ Π²Π°ΡΠΈΠ°Π½Ρ http://www.google.com Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ:
ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ:
http: // www.scriptingmaster.comhttp: //www.google.comhttp: //www.msn.comhttp: //www.yahoo.comhttp: //www.microsoft.com
HTML ΠΡΠ±ΡΠ°ΡΡ ΡΠ΅Π³ | Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΠ΅Π³Π°, ΠΏΡΠΈΠΌΠ΅ΡΡ, Π°ΡΡΠΈΠ±ΡΡΡ
HTML ΡΠ΅Π³ .
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²ΡΠ±ΡΠ°Π½ ΠΏΠ΅ΡΠ²ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ°. Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ.
Π’Π΅Π³
ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠΏΠΈΡΠΊΠ° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π°ΡΡΠΈΠ±ΡΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π²ΡΡΠΎΡΡ ΡΠΏΠΈΡΠΊΠ°. Π¨ΠΈΡΠΈΠ½Π° ΡΠΏΠΈΡΠΊΠ° Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π΄Π»ΠΈΠ½Ρ ΡΠ΅ΠΊΡΡΠ° Π²Π½ΡΡΡΠΈ
Π’Π΅Π³ ΡΠ»ΠΎΠΆΠ½Π°, ΠΈ Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ. ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Ρ ΡΠ»ΡΡΡΠ΅Π½Π½ΡΠΌΠΈ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ°ΠΌΠΈ ΡΠΎΡΠΌ ΠΈΠ»ΠΈ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ Ρ Π½Π΅ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ.
ΠΡΠΈΠΌΠ΅Ρ HTML-ΡΠ΅Π³Π°
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ Β»Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
BooksHTMLCSSPHPJavaScriptΠΡΠΈΠΌΠ΅Ρ HTML-ΡΠ΅Π³Π°
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠ΅Π³
Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
HTMLCSSGitJava
ΠΡΠΈΠΌΠ΅Ρ HTML-ΡΠ΅Π³Π°
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ Β»Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅Π³