html form скрытоС ΠΏΠΎΠ»Π΅

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ скрытия элСмСнтов Π²Π΅Π±-страниц

html form скрытоС ΠΏΠΎΠ»Π΅. e9jtr4svpvlwf. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-e9jtr4svpvlwf. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° e9jtr4svpvlwf. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

HTML5-Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ hidden

Рассмотрим ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Π’ CSS я воспользовался Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ hidden для Π²Ρ‹Π²ΠΎΠ΄Π° элСмСнта Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли ΠΎΠ±Π»Π°ΡΡ‚ΡŒ просмотра страницы ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€.

html form скрытоС ΠΏΠΎΠ»Π΅. 5fccf240a4fd79109f64e39aa6a5f318. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-5fccf240a4fd79109f64e39aa6a5f318. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 5fccf240a4fd79109f64e39aa6a5f318. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

Π’ΠΎΡ‚ CSS-ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ здСсь использован:

β†’ Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ этой страницы Π½Π° CodePen

▍Атрибут hidden ΠΈ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

Если Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ hidden с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния доступности ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ‚ΠΎ окаТСтся, Ρ‡Ρ‚ΠΎ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ скрываСт элСмСнт. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ с этим элСмСнтом Π½Π΅ смогут Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ срСдства для чтСния с экрана. НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π² Ρ‚Π΅Ρ… случаях, ΠΊΠΎΠ³Π΄Π° Π½Π΅ΠΊΠΈΠ΅ элСмСнты страниц Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌΠΈ для Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°, Π½ΠΎ Π½Π΅ для ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для чтСния с экрана.

CSS-свойство display

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΈ Ρ€Π΅ΡˆΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ CSS-ΠΊΠΎΠ΄ΠΎΠΌ:

ΠŸΡ€ΠΈ Ρ‚Π°ΠΊΠΎΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ ΠΈΠ· Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (ΠΈΠ· Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠ³ΠΎ document flow β€” Β«ΠΏΠΎΡ‚ΠΎΠΊΠ° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β»), ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ нСдоступно ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌ для чтСния с экрана. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ прСдставляСтС сСбС понятиС Β«ΠΏΠΎΡ‚ΠΎΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Β». Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ с этим понятиСм Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ β€” взглянитС Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ рисунок.

html form скрытоС ΠΏΠΎΠ»Π΅. image loader. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

Бинюю ΠΊΠ½ΠΈΠ³Ρƒ ΡƒΠ±Ρ€Π°Π»ΠΈ ΠΈΠ· стопки

Π’ΠΎΡ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° с ΠΊΠ½ΠΈΠ³Π°ΠΌΠΈ, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ происходит Π² Ρ‚ΠΎΠΌ случаС, Ссли ΠΎΠ΄Π½Ρƒ ΠΈΠ· Π½ΠΈΡ… ΡƒΠ±ΠΈΡ€Π°ΡŽΡ‚ ΠΈΠ· стопки.

html form скрытоС ΠΏΠΎΠ»Π΅. image loader. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

Если ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΊΠ½ΠΈΠ³Ρƒ ΠΈΠ· стопки β€” ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΊΠ½ΠΈΠ³ Π² Π½Π΅ΠΉ измСнится

β–ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡΡ Π»ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° рСсурсов, скрытых срСдствами CSS?

Если ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° этот вопрос β€” Ρ‚ΠΎ Π΄Π°, Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ‚Π°ΠΊΠΈΡ… рСсурсов производится. НапримСр, Ссли элСмСнт скрыт срСдствами CSS, ΠΈ ΠΌΡ‹ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ этот элСмСнт Π² Π½Π΅ΠΊΠΈΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ со страницСй, ΠΊ этому ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ. НаличиС Π½Π° страницС изобраТСния, Π΄Π°ΠΆΠ΅ скрытого срСдствами CSS, ΠΏΡ€ΠΈΠ²Π΅Π΄Ρ‘Ρ‚ ΠΊ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡŽ HTTP-запроса Π½Π° Π΅Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ.

html form скрытоС ΠΏΠΎΠ»Π΅. image loader. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

ИсслСдованиС страницы, содСрТащСй скрытоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π‘ΠΊΡ€Ρ‹Ρ‚ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π² Ρ„ΠΎΡ€ΠΌΠ΅ html

Π‘ΠΊΡ€Ρ‹Ρ‚ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π½Π΅ показываСтся Π½Π° страницС ΠΈ прячСт своС содСрТимоС ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ Π² Π½Π΅Π³ΠΎ внСсти ΠΈΠ»ΠΈ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ. ЦСль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ скрытых ΠΏΠΎΠ»Π΅ΠΉ β€” Π² ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π΅ тСхничСской ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π½Π° сСрвСр. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄Π°Π½Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΡ‚ страницы ΠΊ страницС.

Бинтаксис Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ скрытого поля.

name β€” имя поля, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ.
value β€” Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ поля опрСдСляСт какая информация Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½Π° Π½Π° сСрвСр.

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ использования скрытого поля ΠΏΠΎΠΊΠ°Π·Π°Π½ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 1.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML hidden Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π²Π΅Π±-Ρ„ΠΎΡ€ΠΌ ΠΌΠΎΠ³ΡƒΡ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΡΠΊΡ€Ρ‹Ρ‚ΡƒΡŽ ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Π‘ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ поля ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для сохранСния Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ состояния многостраничных Ρ„ΠΎΡ€ΠΌ, ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ cookie-Ρ„Π°ΠΉΠ»Ρ‹ для ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ вмСстС с Ρ„ΠΎΡ€ΠΌΠΎΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ вводятся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ : НС Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ скрытыС поля нСльзя Π½Π°Π·Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ скрытыми β€” ΠΎΠ½ΠΈ просто нСдоступны Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, Π½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² исходном ΠΊΠΎΠ΄Π΅ страницы. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚Π΅ Π² Π½ΠΈΡ… ΠΏΠ°Ρ€ΠΎΠ»ΠΈ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ использования Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° hidden Π² Ρ‚Π΅Π³Π΅ Input

Бинтаксис использования hidden HTML input Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ строкС, Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Π² ΠΊΠΎΠ΄Π΅, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°:

МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ hide HTML для хранСния Π΄Π°Ρ‚Ρ‹ ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ( Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ это сдСлано с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ MySQL ):

Π’ PHP ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ:

Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅ являСтся Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ, Π½ΠΎ Π΅Π³ΠΎ ΠΏΠΎΠ»ΡŒΠ·Ρƒ ΠΏΠ΅Ρ€Π΅ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ слоТно. Π•Π³ΠΎ Ρ‚Π°ΠΊ ΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ – скрытоС ΠΏΠΎΠ»Π΅. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π΅Π³ΠΎ Π² Ρ‚Π΅Ρ… ситуациях, ΠΊΠΎΠ³Π΄Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ, ΠΏΠΎΠΌΠΈΠΌΠΎ Π²Π²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΏΠ΅Ρ€Π΅ΡΠ»Π°Ρ‚ΡŒ Π΅Ρ‰Π΅ ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ слуТСбныС Π΄Π°Π½Π½Ρ‹Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΠΌΡƒ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅ трСбуСтся.

НапримСр, ΠΊ Ρ‚Π°ΠΊΠΎΠ²Ρ‹ΠΌ Π΄Π°Π½Π½Ρ‹ΠΌ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ отнСсСны Ρ€Π΅ΠΊΠ²ΠΈΠ·ΠΈΡ‚Ρ‹ Π·Π°ΠΊΠ°Π·Π° ΠΈΠ»ΠΈ порядковый Π½ΠΎΠΌΠ΅Ρ€ Π·Π°ΠΊΠ°Π·Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π’ΠΎ Π΅ΡΡ‚ΡŒ Π’Ρ‹ сначала Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅, складываСтС ΠΈΡ… Π² ΠΊΠΎΡ€Π·ΠΈΠ½Ρƒ. На сСрвСрС ΠΏΡ€ΠΈ этом Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‚ΡΡ эти Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ ΠΈ хранятся Π² Π²ΠΈΠ΄Π΅ сущности «Π·Π°ΠΊΠ°Π·«. Π’ Π½Ρ‘ΠΌ-Ρ‚ΠΎ ΠΈ содСрТатся всС Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, итоговая ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Ρ‘. И ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΎΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ Π·Π°ΠΊΠ°Π·, Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Π²Π°ΠΌ прСдлагаСтся Π½Π°ΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Ρƒ ΠΊΠ½ΠΎΠΏΠΊΡƒ «ΠžΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ Π·Π°ΠΊΠ°Π·», ΠΏΡ€ΠΈ этом скрыто ΠΈΠ· этой Ρ„ΠΎΡ€ΠΌΡ‹ пСрСдаётся Π½ΠΎΠΌΠ΅Ρ€ Π·Π°ΠΊΠ°Π·Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ‚Π΅Π³ ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚ΠΈΠΏ hidden:

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅:
html form скрытоС ΠΏΠΎΠ»Π΅. 1513ef34390c8334d2755185156d17278da861fdbe5408f594df80ee72070847. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-1513ef34390c8334d2755185156d17278da861fdbe5408f594df80ee72070847. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 1513ef34390c8334d2755185156d17278da861fdbe5408f594df80ee72070847. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΏΠΎΠ»Π΅ с orderId Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠ»ΠΎΡΡŒ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π΅Π³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½ΠΎ Π½Π° сСрвСр, Ρ…ΠΎΡ‚ΡŒ для нас это ΠΈ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ΠΌ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π·Π°Ρ‰ΠΈΡ‚Ρ‹ Π²Π΅Π±-Ρ„ΠΎΡ€ΠΌΡ‹ Π±Π΅Π· ΠΊΠ°ΠΏΡ‡ΠΈ

О Ρ‡Ρ‘ΠΌ Ρ€Π΅Ρ‡ΡŒ?

Π’ послСднСС врСмя Π½Π° Π₯Π°Π±Ρ€Π΅ Π±Ρ‹Π»ΠΎ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ довольно ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ΄Π΅ΠΉ для ΠΊΠ°ΠΏΡ‡ΠΈ. БлоТная, умная, смСшная, ΠΊΠ°ΠΏΡ‡Π° остаётся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· основных способов Π·Π°Ρ‰ΠΈΡ‚Ρ‹ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΡ‚ Π±ΠΎΡ‚ΠΎΠ².

Однако, ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ с этим, ΠΊΠ°ΠΏΡ‡Π° являСтся ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ заставляСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ лишнСС дСйствиС.

Π’ этом ΠΎΠ±Π·ΠΎΡ€Π½ΠΎΠΌ постС я Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π» Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Π΅ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π·Π°Ρ‰ΠΈΡ‚Ρ‹ ΠΎΡ‚ Π±ΠΎΡ‚ΠΎΠ².

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π·Π°Ρ‰ΠΈΡ‚Ρ‹

МинимальноС врСмя заполнСния Ρ„ΠΎΡ€ΠΌΡ‹

Π‘ΡƒΡ‚ΡŒ ΠΌΠ΅Ρ‚ΠΎΠ΄Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ сСрвСр Π·Π°ΠΌΠ΅Ρ‡Π°Π΅Ρ‚ врСмя создания Ρ„ΠΎΡ€ΠΌΡ‹. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π·Π°ΠΏΠΎΠ»Π½ΠΈΠ» Ρ„ΠΎΡ€ΠΌΡƒ мСньшС Ρ‡Π΅ΠΌ Π·Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ΅ врСмя, Ρ‚ΠΎ ΠΎΠ½ считаСтся Π±ΠΎΡ‚ΠΎΠΌ. ВрСмя ΠΌΠΎΠΆΠ½ΠΎ Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² зависимости ΠΎΡ‚ слоТности Ρ„ΠΎΡ€ΠΌΡ‹.
Π’Π΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅, Ρ‡Ρ‚ΠΎ Ссли Ρ„ΠΎΡ€ΠΌΠ° Π½Π΅ Π±Ρ‹Π»Π° Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π° слишком Π΄ΠΎΠ»Π³ΠΎ, Ρ‚ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ.

Π‘ΠΊΡ€Ρ‹Ρ‚ΠΎΠ΅ ΠΏΠΎΠ»Π΅

Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ странным, Π½ΠΎ ΠΎΠ½, ΠΏΠΎΡ…ΠΎΠΆΠ΅, Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚. К Ρ„ΠΎΡ€ΠΌΠ΅ добавляСтся скрытоС ΠΏΠΎΠ»Π΅ (скрытоС Π² смыслС display:none ). Если ΠΏΠΎΠ»Π΅ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΎ, Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ считаСтся Π±ΠΎΡ‚ΠΎΠΌ.
Π£Π΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π½ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΠ΅ Π±ΠΎΡ‚Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΡΡŽΡ‚ всС нСизвСстныС поля.

ΠžΠ±Ρ„ΡƒΡΠΊΠ°Ρ†ΠΈΡ ΠΈΠ»ΠΈ ΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΠ΅ HTML

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΡ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ простого эскСйпирования Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π±ΡƒΠΊΠΎΠ²ΠΎΠΊ (Π±ΡƒΠΊΠ²Π° прСвращаСтся ‘%ΠΊΠΎΠ΄’ ) Π΄ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠ² ΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΡ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΡ€ΠΎΡΡ‚Π΅Π½ΡŒΠΊΠΈΠΉ XOR).
Π’ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²ΠΎΡ‚ Ρ‚ΡƒΡ‚.

Π‘Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… user-agent

НСкоторыС Π±ΠΎΡ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ вСсьма спСцифичСскиС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ user-agent. МоТно Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ запросы Π½Π΅ содСрТащиС user-agent Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΈΠ»ΠΈ содСрТащиС Π·Π°Π²Π΅Π΄ΠΎΠΌΠΎ ΠΏΠ»ΠΎΡ…ΠΎΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ.

Π’ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π΅ΡΡ‚ΡŒ списки Ρ‚Π°ΠΊΠΈΡ… Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Π’ΠΎΡ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΡ‚ Π½Π΅ΠΊΠΎΠ³ΠΎ Нила Π“Π°Π½Ρ‚ΠΎΠ½Π°.

Β«Π›ΠΎΠ²ΡƒΡˆΠΊΠ°Β» для Π±ΠΎΡ‚ΠΎΠ²

Π‘ΡƒΡ‚ΡŒ этого ΠΌΠ΅Ρ‚ΠΎΠ΄Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² создании ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° сайта Π²Ρ€ΠΎΠ΄Π΅ «/bot/guestbook». Бсылка Π½Π° этот Ρ€Π°Π·Π΄Π΅Π» Π½Π΅ Π²ΠΈΠ΄Π½Π° для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΎΠ΄Π½Π°ΠΊΠΎ Ссли Π±ΠΎΡ‚ Π·Π°ΠΉΠ΄Ρ‘Ρ‚ Π² этот Ρ€Π°Π·Π΄Π΅Π» ΠΈ сдСлаСт Ρ‚Π°ΠΌ Ρ…ΠΎΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ, Ρ‚ΠΎ Π΅Π³ΠΎ IP Ρ‚ΡƒΡ‚ ΠΆΠ΅ блокируСтся.
Π Π°Π·Π΄Π΅Π» Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π»Π°ΠΊΠΎΠΌΡ‹Π΅ для Π±ΠΎΡ‚Π° слова Π²Ρ€ΠΎΠ΄Π΅ Β«emailΒ», Β«submitΒ», Β«add commentΒ» ΠΈ Ρ‚ΠΎΠΌΡƒ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅. Π€Π°ΠΉΠ» Β«robots.txtΒ» ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… Π±ΠΎΡ‚ΠΎΠ².

Π₯Π΅ΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹ (BarsMonster)

ΠŸΡ€ΠΈ сабмитС Ρ„ΠΎΡ€ΠΌΡ‹ Π½Π° сСрвСр вычисляСтся Ρ…Π΅Ρˆ ΠΏΠΎΠ»Π΅ΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ добавляСтся Π² ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… скрытых ΠΏΠΎΠ»Π΅ΠΉ. Π‘Π΅Ρ€Π²Π΅Ρ€ провСряСт Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ…Π΅ΡˆΠ°.

ИспользованиС ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ (BarsMonster)
ДинамичСскоС созданиС Ρ„ΠΎΡ€ΠΌΡ‹ (maxshopen)

Π‘Π°ΠΌΠ° Ρ„ΠΎΡ€ΠΌΠ° ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ создаётся javascript-ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ динамчСски. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ„ΠΎΡ€ΠΌΡƒ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ΡŒ лишь ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΎΡ‚Ρ€Π°Π±ΠΎΡ‚Π°Π» ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ скрипт.

ИспользованиС сторонних сСрвисов (le0pard)

МоТно Ρ‚ΡƒΠ½Π½Π΅Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Ρ€Π°Ρ„ΠΈΠΊ Ρ‡Π΅Ρ€Π΅Π· ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ сСрвис, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для Π°Π½Π°Π»ΠΈΠ·Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π½Π° спам. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ Ρ‚Π°ΠΊΠΎΠ³ΠΎ сСрвиса ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Akismet

Π“ΠΈΠ±Ρ€ΠΈΠ΄Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Ρ„ΠΎΡ€ΠΌΠ° Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Π° ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ javascript-ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ (динамичСскоС созданиС Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠ»ΠΈ ΡˆΠΈΡ„Ρ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ…) ΠΈΠ»ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ ΠΈΠ· ΠΏΡ€ΠΈΠ²Π΅Π΄Ρ‘Π½Π½Ρ‹Ρ… Π²Ρ‹ΡˆΠ΅. Если Ρ„ΠΎΡ€ΠΌΠ° Π±Ρ‹Π»Π° засабмичСна Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ, Ρ‚ΠΎ возвращаСтся ошибка ΠΈ ΠΏΡ€ΠΎΡΡŒΠ±Π° Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΊΠ°ΠΏΡ‡Ρƒ.

Π’Π°ΠΆΠ½Ρ‹Π΅ замСчания

Π Π°Π·. ΠŸΡ€ΠΈΠ²Π΅Π΄Ρ‘Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Ρ‰ΠΈΡ‚ΠΎΠΉ ΠΎΡ‚ Π±ΠΎΡ‚ΠΎΠ². Они Π½Π΅ спасут ΠΎΡ‚ прямой Π°Ρ‚Π°ΠΊΠΈ, Π½ΠΎ смогут ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΎΡ‚ Π±ΠΎΡ‚ΠΎΠ²-ΠΏΠ°ΡƒΠΊΠΎΠ².

Π”Π²Π°. ΠŸΠΎΡΡ‚ Π½Π΅ рассматриваСт слабыС стороны ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ². Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΡΡƒΠ΄ΠΈΡ‚ΡŒ Π² коммСнтариях.

Π’Ρ€ΠΈ. Π—Π°ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Π²ΡˆΠΈΠΌΡΡ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ пост Π½Π΅ΠΊΠΎΠ³ΠΎ Нила Π“Π°Π½Ρ‚ΠΎΠ½Π° (Π½Π° английском).

UPD: Π”ΠΎΠ±Π°Π²ΠΈΠ» нСсколько ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΈΠ· ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π². Бпасибо, BarsMonster.

UPD2: Π”ΠΎΠ±Π°Π²ΠΈΠ» Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΈΠ· ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π².
Бпасибо, maxshopen, Π·Π° ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΊΡ€ΠΈΡ‚ΠΈΠΊΡƒ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ².

UPD3: Π”ΠΎΠ±Π°Π²ΠΈΠ» Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΈΠ· ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π². Бпасибо, maxshopen.

UPD4: Π”ΠΎΠ±Π°Π²ΠΈΠ» Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΈΠ· ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π². Бпасибо, le0pard.
mprokopov ΠΊΠΈΠ½ΡƒΠ» ссылку Π½Π° спам-Π±Π»ΠΎΠΊ ΠΏΠ»Π°Π³ΠΈΠ½ для Ρ€Π΅Π»ΡŒΡΠΎΠ²: snook

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π£Π²Ρ‹, ΠΌΠ½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ Π½Π°ΠΉΡ‚ΠΈ Π½Π΅ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² Π·Π°Ρ‰ΠΈΡ‚Ρ‹ Π²Π΅Π±-Ρ„ΠΎΡ€ΠΌ.

А ΠΊΠ°ΠΊΠΈΠ΅ Π΅Ρ‰Ρ‘ Π±Π΅Π·ΠΊΠ°ΠΏΡ‡Π΅Π²Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π·Π°Ρ‰ΠΈΡ‚Ρ‹ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅?

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Html form скрытоС ΠΏΠΎΠ»Π΅

Π’ этой Ρ€ΡƒΠ±Ρ€ΠΈΠΊΠ΅ Π’Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΡƒΡ€ΠΎΠΊΠΈ ΠΏΠΎ Javascript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ jQuery.

Анимация Π½Π°Π±ΠΎΡ€Π° тСкста Π½Π° jQuery

БСгодня ΠΌΡ‹ Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π²Π°ΠΌ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ TypeIt β€” бСсплатном jQuery ΠΏΠ»Π°Π³ΠΈΠ½Π΅. Π‘ Π΅Ρ‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°Π±ΠΎΡ€ тСкста. Если всё Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΎΡ‡Π΅Π½ΡŒ рСалистичного эффСкта.

html form скрытоС ΠΏΠΎΠ»Π΅. thumbnail. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

ВрСмСнная шкала Π½Π° jQuery

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ для создания Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹.

html form скрытоС ΠΏΠΎΠ»Π΅. thumbnail. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

Π—Π°ΠΌΠ΅Ρ‚ΠΊΠ°: ΠŸΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈ Ρ€Π΅Π΄ΠΈΡ€Π΅ΠΊΡ‚ Π½Π° JavaScript

Быстрая Π·Π°ΠΌΠ΅Ρ‚ΠΊΠ°, Π³Π΄Π΅ Π²Ρ‹ смоТСтС Π½Π°ΠΉΡ‚ΠΈ ΠΏΠ°Ρ€ΠΎΡ‡ΠΊΡƒ JS сниппСтов для ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ пСрСнаправлСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Ρ‡Π΅Ρ€Π΅Π· JavaScript.

html form скрытоС ΠΏΠΎΠ»Π΅. thumbnail. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

РисуСм Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ Π“Π°Π½Ρ‚Π°

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ для создания Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Π“Π°Π½Ρ‚Π°.

html form скрытоС ΠΏΠΎΠ»Π΅. thumbnail. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

AJAX ΠΈ PHP: Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ„Π°ΠΉΠ»Π°

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Ρ„Π°ΠΉΠ»Π° Ρ‡Π΅Ρ€Π΅Π· PHP ΠΈ jQuery ajax.

html form скрытоС ΠΏΠΎΠ»Π΅. thumbnail. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

Stimed β€” стили Π² зависимости ΠΎΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ суток

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΌ элСмСнтам страницы особыС стили Π² зависимости ΠΎΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ суток.

html form скрытоС ΠΏΠΎΠ»Π΅. thumbnail. html form скрытоС ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ‚ΠΎ. html form скрытоС ΠΏΠΎΠ»Π΅-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° html form скрытоС ΠΏΠΎΠ»Π΅. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. Π’Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ приходится ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ элСмСнты Π²Π΅Π±-страниц ΠΏΠΎ самым Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. НапримСр, Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ°, которая Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ просмотрС сайта Π½Π° мобильном устройствС, ΠΈ скрытой β€” ΠΏΡ€ΠΈ использовании Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Или, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, имССтся Π½Π΅ΠΊΠΈΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ скрыт Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΡ‘Π½ Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Π½Π° страницС, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π±Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… состояниях:

jQuery ΠΏΠ»Π°Π³ΠΈΠ½ для отобраТСния ΠΏΡ€Π΅Π²ΡŒΡŽ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°

НСбольшой jQuery ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ изобраТСния Π΅Ρ‰Ρ‘ Π΄ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° сСрвСр.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Html form скрытоС ΠΏΠΎΠ»Π΅

Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Атрибут value ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для установки исходного Ρ†Π²Π΅Ρ‚Π°, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ.

ПолС Π²Π²ΠΎΠ΄Π° Π΄Π°Ρ‚Ρ‹

ПолС Ρ‚ΠΈΠΏΠ° date позволяСт ввСсти Π΄Π°Ρ‚Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ калСндаря.

МоТно Π·Π°Π΄Π°Ρ‚ΡŒ ниТнюю ΠΈ Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° Π΄Π°Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ min ΠΈ max.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ПолС Π²Π²ΠΎΠ΄Π° адрСса элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹

Для Π²Π²ΠΎΠ΄Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… адрСсов ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ multiple, ΠΏΡ€ΠΈ этом для раздСлСния адрСсов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ запятая (,)

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π€Π°ΠΉΠ» FILE

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΡΡ†Π΅Π½Π°Ρ€ΠΈΡŽ любой Ρ„Π°ΠΉΠ». ΠœΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π² Π±Π°ΠΉΡ‚Π°Ρ… задаСтся скрытым ΠΏΠΎΠ»Π΅ΠΌ max_file_size.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΉ получСния Ρ„Π°ΠΉΠ»Π° Π½Π° PHP:

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Chrome ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ «webkitdirectory directory«, ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρƒ input позволяСт Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Ρ†Π΅Π»Ρ‹Π΅ ΠΏΠ°ΠΏΠΊΠΈ:

Π‘ΠΊΡ€Ρ‹Ρ‚ΠΎΠ΅ ΠΏΠΎΠ»Π΅ HIDDEN

Π­Ρ‚ΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ (скрытый) Ρ‚ΠΈΠΏ тСкстового поля. Если ΠΎΠ΄ΠΈΠ½ сцСнарий ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ нСсколько Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ, Ρ‚ΠΎ Π² скрытом ΠΏΠΎΠ»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, с ΠΊΠ°ΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠΎΠΉ Π²Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ Π΄Π΅Π»ΠΎ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ скрытоС ΠΏΠΎΠ»Π΅, хотя Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ, Ссли пСрСвСсти Π±Ρ€ΠΎΡƒΠ·Π΅Ρ€ Π² Ρ€Π΅ΠΆΠΈΠΌ просмотра HTML-Ρ„Π°ΠΉΠ»Π° ΠΈ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст Web-страницы. Π‘ΠΊΡ€Ρ‹Ρ‚Ρ‹Π΅ поля ΠΏΠΎΠ»Π΅Π·Π½Ρ‹, Ссли Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡƒΡŽ для сцСнария ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π½ΠΎ ΠΏΡ€ΠΈ этом Π½Π΅ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΈΠΌΠ΅Π» Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Π½ΠΎΡΠΈΡ‚ΡŒ Π² Π½Π΅Π΅ измСнСния. Однако ΡƒΡ‡Ρ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΡΠΎΠΎΠ±Ρ€Π°Π·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π²Π°ΡˆΡƒ Ρ„ΠΎΡ€ΠΌΡƒ Π² Ρ„Π°ΠΉΠ»Π΅, ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ эту Ρ„ΠΎΡ€ΠΌΡƒ сСрвСру Π² ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π½Π΅ стоит ΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π½Π° скрытыС поля с Ρ†Π΅Π»ΡŒΡŽ создания ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π·Π°Ρ‰ΠΈΡ‚Ρ‹.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΉ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ с ΠΈΠΌΠ΅Π½Π΅ΠΌ FormVersion, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ присвоСно значСния 1.2. Π­Ρ‚Π° информация ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для опрСдСлСния способа ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠΉ ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΡ‹. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ρ‚ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° сцСнария ΠΌΠΎΠΆΠ΅Ρ‚ повСсти сСбя Π½Π΅ΠΎΠΆΠΈΠ΄Π°Π½Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.

ПолС Π²Π²ΠΎΠ΄Π° чисСл NUMBER

ПолС ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΎ для Π²Π²ΠΎΠ΄Π° чисСл. Дробная Ρ‡Π°ΡΡ‚ΡŒ ΠΏΡ€ΠΈ Π²Π²ΠΎΠ΄Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡΡ‚ΡŒΡΡ ΠΊΠ°ΠΊ Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ (2.5), Ρ‚Π°ΠΊ ΠΈ запятой (2,5). Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²Π²Π΅Π΄Π΅Ρ‚ Π±ΡƒΠΊΠ²Ρ‹, Ρ‚ΠΎ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ Π½Π° сСрвСр Π½Π΅ удастся.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

МоТно Π·Π°Π΄Π°Ρ‚ΡŒ минимальноС, максимальноС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ поля ΠΈ шаг измСнСния числа. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ шага ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°ΠΊ Ρ†Π΅Π»Ρ‹ΠΌ, Ρ‚Π°ΠΊ ΠΈ Π΄Ρ€ΠΎΠ±Π½Ρ‹ΠΌ, Π½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ большС 0. Если Π²Π²Π΅Π΄Π΅Π½Π½ΠΎΠ΅ Π² ΠΏΠΎΠ»Π΅ число Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‡Π°Ρ‚ΡŒ Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ ограничСниям, Ρ‚ΠΎ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ° Π½Π° сСрвСр Π½Π΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Для задания любого шага ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ step=»any».

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ПолС number отобраТаСтся ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ: Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ стрСлочки всСгда, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ – Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠΈ ΠΏΠΎΠ»Π΅ΠΌ фокуса.

Если Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ стрСлочки Π² ΠΏΠΎΠ»Π΅ number Π±Ρ‹Π»ΠΈ всСгда, Π·Π°Π΄Π°ΠΉΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ:

Если Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ стрСлочки Π² ΠΏΠΎΠ»Π΅ number, Π·Π°Π΄Π°ΠΉΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ:

ПолС Π²Π²ΠΎΠ΄Π° пароля PASSWORD

ПолС Π²Π²ΠΎΠ΄Π° пароля ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° простоС тСкстовоС ΠΏΠΎΠ»Π΅. ΠžΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚ΡΡ ΠΎΠ½ΠΎ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ вмСсто Π²Π²ΠΎΠ΄ΠΈΠΌΡ‹Ρ… символов Π² Π½Π΅ΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Ρ‚ΠΎΡ‡ΠΊΠΈ. Вакая Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Π°, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ ввСсти ΡΠ΅ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Ρ‚ΠΈΠΏΠ° пароля, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ RADIO

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Ρ„Π»Π°ΠΆΠΎΠΊ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π²ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠΌ ΠΈΠ»ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠΌ состоянии.

По смыслу всСгда прСдполагаСтся, Ρ‡Ρ‚ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ΅ имССтся нСсколько ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»Π΅ΠΉ с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ name. Π£ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ… своС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° value. Π“Ρ€ΡƒΠΏΠΏΠ° ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»Π΅ΠΉ с ΠΎΠ΄Π½ΠΈΠΌ ΠΈ Ρ‚Π΅ΠΌ ΠΆΠ΅ ΠΈΠΌΠ΅Π½Π΅ΠΌ Π² Ρ„ΠΎΡ€ΠΌΠ΅ Π²Π΅Π΄Π΅Ρ‚ сСбя Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ… ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌ. ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π΅ Π΄Π°Π½Π½Ρ‹Ρ… пСрСдаСтся Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»Ρ.

Один ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠΈΠ· Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Π½ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° checked.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ΠŸΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ RANGE

ПолС ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΎ для Π²Π²ΠΎΠ΄Π° числа Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅.

МоТно Π·Π°Π΄Π°Ρ‚ΡŒ минимальноС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 0), максимальноС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 100), шаг измСнСния числа (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ 1) ΠΈ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ срСднСС арифмСтичСскоС минимального ΠΈ максимального Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ).

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ΠŸΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ сам ΠΏΠΎ сСбС Π½Π΅ Π΄Π°Ρ‘Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ прСдставлСниС, ΠΊΠ°ΠΊΠΎΠ΅ ΠΆΠ΅ число ΠΎΠ½ Π²Ρ‹Π±Ρ€Π°Π». ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ здСсь Π±Π΅Π· JavaScript Π½Π΅ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ПолС range отобраТаСтся Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ.

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ своё ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅, Π·Π°Π΄Π°ΠΉΡ‚Π΅ стили для ΠΏΠΎΠ»Π·ΡƒΠ½ΠΊΠ°:

Но ΠΏΠΎΠ±Π΅Π΄ΠΈΡ‚ΡŒ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π° стили IE11 Π½Π΅ удастся!

Кнопка RESET

Π­Ρ‚ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° очистки Ρ„ΠΎΡ€ΠΌΡ‹. ΠŸΡ€ΠΈ Π΅Π΅ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ всСм ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½Ρ‹ΠΌ элСмСнтам возвращаСтся Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. ΠŸΡ€ΠΈΠΌΠ΅Π½ΡΠ΅Ρ‚ΡΡ ΠΎΠ½Π° достаточно Ρ€Π΅Π΄ΠΊΠΎ. Однако Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ вСсьма ΠΏΠΎΠ»Π΅Π·Π½Π°.

Π‘ΠΎΠ²Π΅Ρ‚: остороТно ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅ΡΡŒ ΠΊ Π²Ρ‹Π±ΠΎΡ€Ρƒ надписи Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ RESET. Π’ΠΏΠΎΠ»Π½Π΅ наглядным (ΠΈ, Π³Π»Π°Π²Π½ΠΎΠ΅, ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятным Π΄Π°ΠΆΠ΅ Ρ‡Π°ΠΉΠ½ΠΈΠΊΡƒ ΠΈΠ· Ρ‡Π°ΠΉΠ½ΠΈΠΊΠΎΠ²) Π±ΡƒΠ΄Π΅Ρ‚ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π²Ρ€ΠΎΠ΄Π΅ Β«ΠžΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒΒ», Β«ΠΠ°Ρ‡Π°Ρ‚ΡŒ сначала», Β«Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π²Π²ΠΎΠ΄Β» ΠΈ Ρ‚.ΠΏ. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Π½Π°Π΄ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π΅ Π·Π°ΠΊΡ€Π°Π»ΠΎΡΡŒ ΠΈ Ρ‚Π΅Π½ΠΈ сомнСния ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ прСдназначСния этой клавиши.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Кнопка SUBMIT

Π­Ρ‚Π° ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Ρ„ΠΎΡ€ΠΌΡ‹. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² внСшнС ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π΅ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΌΠ° ΠΎΡ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ BUTTON. Π‘Π°ΠΌΠ° ΠΎΠ½Π° Π½Π΅ пСрСдаСтся, Π° слуТит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для управлСния.

Атрибут onclick для ΠΊΠ½ΠΎΠΏΠΊΠΈ SUBMIT практичСски Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ событий onsubmit, Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ Π² Ρ‚Π΅Π³Π΅

Атрибут value Π΄Π°Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ прСимущСства ΠΏΡ€ΠΈ использовании Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Π΄Π°Π½Π½Ρ‹Ρ…. Π’ этом случаС Π½Π° основании значСния ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ сцСнарий смоТСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π΄Π°Π»Π΅Π΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Атрибут formnovalidate ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Ρ„ΠΎΡ€ΠΌΡ‹.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ПолС ввода TEXT

ВСкстовоС ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ… Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎ ΠΏΡ€Π°Π²Ρƒ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ основным ΠΈ главнСйшим элСмСнтом Ρ„ΠΎΡ€ΠΌ. Π­Ρ‚ΠΎΡ‚ Ρ‚ΠΈΠΏ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Π΅Π³ΠΎΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ вывСсти тСкстовоС ΠΏΠΎΠ»Π΅. Однако, Ссли Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π·Π°Π΄Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ для сСлСктора input[type=»text»], Ρ‚ΠΎ Ρ‚ΠΎΠ³Π΄Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type=»text» ΠΏΡ€ΠΎΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ нСльзя.
Имя поля, Π·Π°Π΄Π°Π²Π°Π΅ΠΌΠΎΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ name, всСгда ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π±Π°Π·ΠΈΡ€ΡƒΡΡΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° этом ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π΅, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ ΡΡ†Π΅Π½Π°Ρ€ΠΈΡŽ ΠΏΠ°Ρ€Ρƒ имя=Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ВСкст «Иванов» помСщаСтся Π² созданноС ΠΏΠΎΠ»Π΅ Π² качСствС Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ значСния. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ внСсСт ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π½Π°ΠΆΠΌΠ΅Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΡƒ RESET, Ρ‚ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Иванов Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΏΡ€Π°Π²Π»Π΅Π½ΠΎ ΡΡ†Π΅Π½Π°Ρ€ΠΈΡŽ Π² качСствС Ρ„Π°ΠΌΠΈΠ»ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *