{"id":135683,"date":"2026-09-17T09:44:49","date_gmt":"2026-09-17T03:44:49","guid":{"rendered":"https:\/\/rcl-radio.ru\/?p=135683"},"modified":"2026-09-17T09:44:49","modified_gmt":"2026-09-17T03:44:49","slug":"%d0%b2%d1%8b%d0%bf%d0%b0%d0%b4%d0%b0%d1%8e%d1%89%d0%b8%d0%b5-%d1%81%d0%bf%d0%b8%d1%81%d0%ba%d0%b8-%d0%b2-html-select-option-optgroup-%d1%88%d0%b0%d0%b3-%d0%b7%d0%b0-%d1%88%d0%b0%d0%b3","status":"publish","type":"post","link":"https:\/\/rcl-radio.ru\/?p=135683","title":{"rendered":"\u0412\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0438 \u0432 HTML: select, option, optgroup \u2014 \u0448\u0430\u0433 \u0437\u0430 \u0448\u0430\u0433\u043e\u043c (HTML)"},"content":{"rendered":"

\u0412\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u2014 \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0444\u043e\u0440\u043c. \u041e\u043d \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0430\u043b\u043e \u043c\u0435\u0441\u0442\u0430, \u043f\u0440\u0438\u0432\u044b\u0447\u0435\u043d \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u0438\u0437 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430. \u0412 HTML \u0434\u043b\u044f \u0435\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0432\u044f\u0437\u043a\u0430 \u0442\u0440\u0451\u0445 \u0442\u0435\u0433\u043e\u0432: select<\/code> \u043a\u0430\u043a \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, option<\/code> \u043a\u0430\u043a \u043f\u0443\u043d\u043a\u0442 \u0441\u043f\u0438\u0441\u043a\u0430 \u0438 optgroup<\/code> \u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0438 \u043f\u0443\u043d\u043a\u0442\u043e\u0432.<\/p>\n

\n

\u0428\u0430\u0433 1. \u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0447\u0435\u0440\u0435\u0437 select<\/code> \u0438 option<\/code><\/h2>\n

\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0442\u0435\u0433\u0430 <select><\/code>, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u044b \u043e\u0434\u0438\u043d \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u0433\u043e\u0432 <option><\/code>. \u041a\u0430\u0436\u0434\u044b\u0439 <option><\/code> \u2014 \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u043d\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0432\u0438\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c.<\/p>\n

\n
\n
\n
html<\/div>\n
<<\/span>label for<\/span>=\"city\"<\/span>><\/span>\u0413\u043e\u0440\u043e\u0434 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438:<\/<\/span>label><\/span>\r\n<<\/span>select id=\"city\"<\/span> name<\/span>=\"city\"<\/span>><\/span>\r\n  <<\/span>option value=\"omsk\"<\/span>><\/span>\u041e\u043c\u0441\u043a<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"moscow\"<\/span>><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"spb\"<\/span>><\/span>\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433<\/<\/span>option><\/span>\r\n<\/<\/span>select><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
\u0427\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442:<\/p>\n
    \n
  • <select><\/code> \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0441\u0430\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 name<\/code> \u043d\u0443\u0436\u0435\u043d, \u0447\u0442\u043e\u0431\u044b \u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0444\u043e\u0440\u043c\u044b.<\/li>\n
  • \u041a\u0430\u0436\u0434\u044b\u0439 <option><\/code> \u0438\u043c\u0435\u0435\u0442 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 value<\/code> \u2014 \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u043d \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0430 \u043d\u0435 \u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0438\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c. \u0422\u0435\u043a\u0441\u0442 \u043c\u0435\u0436\u0434\u0443 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u043c \u0438 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u043c \u0442\u0435\u0433\u043e\u043c \u2014 \u044d\u0442\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u043f\u0443\u043d\u043a\u0442\u0430 \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.<\/li>\n
  • <label for=\"city\"><\/code> \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0443\u044e \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0447\u0435\u0440\u0435\u0437 \u0441\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 for<\/code> \u0438 id<\/code>. \u042d\u0442\u043e \u0432\u0430\u0436\u043d\u043e \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438: \u043a\u043b\u0438\u043a \u043f\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0441\u043f\u0438\u0441\u043e\u043a.<\/li>\n<\/ul>\n
    \n
    \u0428\u0430\u0433 2. \u041f\u0443\u043d\u043a\u0442 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e<\/h2>\n
    \u0415\u0441\u043b\u0438 \u043d\u0435 \u0437\u0430\u0434\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439 \u043f\u0443\u043d\u043a\u0442 \u044f\u0432\u043d\u043e, \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432\u044b\u0431\u0435\u0440\u0435\u0442 \u043f\u0435\u0440\u0432\u044b\u0439 <option><\/code>. \u0427\u0442\u043e\u0431\u044b \u0437\u0430\u0434\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u043e\u0439, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 selected<\/code>:<\/p>\n
    \n
    \n
    \n
    html<\/div>\n
    <<\/span>select id=\"city\"<\/span> name<\/span>=\"city\"<\/span>><\/span>\r\n  <<\/span>option value=\"omsk\"<\/span>><\/span>\u041e\u043c\u0441\u043a<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"moscow\"<\/span> selected><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"spb\"<\/span>><\/span>\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433<\/<\/span>option><\/span>\r\n<\/<\/span>select><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
    \u0412 \u044d\u0442\u043e\u043c \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u043d\u0430 \u041c\u043e\u0441\u043a\u0432\u0430.<\/p>\n
    \u0417\u0430\u0433\u043b\u0443\u0448\u043a\u0430-\u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430<\/h3>\n
    \u0427\u0430\u0441\u0442\u043e \u043f\u0435\u0440\u0432\u044b\u043c \u043f\u0443\u043d\u043a\u0442\u043e\u043c \u0441\u0442\u0430\u0432\u044f\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0443 \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u00ab\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434\u00bb \u2014 \u0438 \u0434\u0435\u043b\u0430\u044e\u0442 \u0435\u0451 \u043d\u0435\u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c\u043e\u0439 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0431\u0435\u0437 value<\/code>:<\/p>\n
    \n
    \n
    \n
    html<\/div>\n
    <<\/span>select id=\"city\"<\/span> name<\/span>=\"city\"<\/span>><\/span>\r\n  <<\/span>option value=\"\"<\/span> selected disabled><\/span>\u2014 \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434 \u2014<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"omsk\"<\/span>><\/span>\u041e\u043c\u0441\u043a<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"moscow\"<\/span>><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"spb\"<\/span>><\/span>\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433<\/<\/span>option><\/span>\r\n<\/<\/span>select><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
    \u0410\u0442\u0440\u0438\u0431\u0443\u0442 disabled<\/code> \u0434\u0435\u043b\u0430\u0435\u0442 \u043f\u0443\u043d\u043a\u0442 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430, \u0430 selected<\/code> \u0432\u044b\u0434\u0435\u043b\u044f\u0435\u0442 \u0435\u0433\u043e \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0432\u0438\u0434\u0438\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0443, \u043d\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0435\u0451 \u0432\u044b\u0431\u0440\u0430\u0442\u044c. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 value=\"\"<\/code> \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0444\u043e\u0440\u043c\u044b, \u0435\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043b, \u043f\u043e\u043b\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0443\u0441\u0442\u044b\u043c.<\/p>\n
    \n
    \u0428\u0430\u0433 3. \u0413\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0447\u0435\u0440\u0435\u0437 optgroup<\/code><\/h2>\n
    \u041a\u043e\u0433\u0434\u0430 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u043c\u043d\u043e\u0433\u043e, \u0438\u0445 \u0443\u0434\u043e\u0431\u043d\u043e \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u0435\u0433 <optgroup><\/code>. \u041e\u043d \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u0443\u043d\u043a\u0442\u044b \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0433\u0440\u0443\u043f\u043f\u044b.<\/p>\n
    \n
    \n
    \n
    html<\/div>\n
    <<\/span>select id=\"city\"<\/span> name<\/span>=\"city\"<\/span>><\/span>\r\n  <<\/span>optgroup label=\"\u0421\u0438\u0431\u0438\u0440\u044c\"<\/span>><\/span>\r\n    <<\/span>option value=\"omsk\"<\/span>><\/span>\u041e\u043c\u0441\u043a<\/<\/span>option><\/span>\r\n    <<\/span>option value=\"novosibirsk\"<\/span>><\/span>\u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a<\/<\/span>option><\/span>\r\n    <<\/span>option value=\"krasnoyarsk\"<\/span>><\/span>\u041a\u0440\u0430\u0441\u043d\u043e\u044f\u0440\u0441\u043a<\/<\/span>option><\/span>\r\n  <\/<\/span>optgroup><\/span>\r\n  <<\/span>optgroup label=\"\u0426\u0435\u043d\u0442\u0440\"<\/span>><\/span>\r\n    <<\/span>option value=\"moscow\"<\/span>><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span>\r\n    <<\/span>option value=\"spb\"<\/span>><\/span>\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433<\/<\/span>option><\/span>\r\n    <<\/span>option value=\"voronezh\"<\/span>><\/span>\u0412\u043e\u0440\u043e\u043d\u0435\u0436<\/<\/span>option><\/span>\r\n  <\/<\/span>optgroup><\/span>\r\n<\/<\/span>select><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
      \n
    • \u0410\u0442\u0440\u0438\u0431\u0443\u0442 label<\/code> \u0443 <optgroup><\/code> \u0437\u0430\u0434\u0430\u0451\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0433\u0440\u0443\u043f\u043f\u044b. \u041e\u043d \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f \u0432 \u0441\u043f\u0438\u0441\u043a\u0435, \u043d\u043e \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c\u044b\u043c \u043f\u0443\u043d\u043a\u0442\u043e\u043c.<\/li>\n
    • <optgroup><\/code> \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e <option><\/code>. \u0412\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c <optgroup><\/code> \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430 \u043d\u0435\u043b\u044c\u0437\u044f \u2014 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0443\u0440\u043e\u0432\u0435\u043d\u044c.<\/li>\n<\/ul>\n
      \u041e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0446\u0435\u043b\u043e\u0439 \u0433\u0440\u0443\u043f\u043f\u044b<\/h3>\n
      \u0410\u0442\u0440\u0438\u0431\u0443\u0442 disabled<\/code> \u043d\u0430 <optgroup><\/code> \u0434\u0435\u043b\u0430\u0435\u0442 \u0432\u0441\u0435 \u043f\u0443\u043d\u043a\u0442\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c\u0438:<\/p>\n
      \n
      \n
      \n
      html<\/div>\n
      <<\/span>optgroup label=\"\u041d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\"<\/span> disabled><\/span>\r\n  <<\/span>option value=\"a\"<\/span>><\/span>\u041f\u0443\u043d\u043a\u0442 A<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"b\"<\/span>><\/span>\u041f\u0443\u043d\u043a\u0442 B<\/<\/span>option><\/span>\r\n<\/<\/span>optgroup><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
      \n
      \u0428\u0430\u0433 4. \u041c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440<\/h2>\n
      \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e select<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u043f\u0443\u043d\u043a\u0442. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 multiple<\/code> \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432\u044b\u0431\u043e\u0440 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445:<\/p>\n
      \n
      \n
      \n
      html<\/div>\n
      <<\/span>select id=\"skills\"<\/span> name<\/span>=\"skills\"<\/span> multiple><\/span>\r\n  <<\/span>option value=\"html\"<\/span>><\/span>HTML<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"css\"<\/span>><\/span>CSS<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"js\"<\/span>><\/span>JavaScript<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"python\"<\/span>><\/span>Python<\/<\/span>option><\/span>\r\n<\/<\/span>select><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
      \u041d\u044e\u0430\u043d\u0441\u044b \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430:<\/p>\n
        \n
      • \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0443\u043d\u043a\u0442\u043e\u0432, \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044f Ctrl<\/code> (Windows) \u0438\u043b\u0438 Cmd<\/code> (macOS), \u043b\u0438\u0431\u043e \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u044f \u043c\u044b\u0448\u044c.<\/li>\n
      • \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0441\u043f\u0438\u0441\u043e\u043a \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043f\u043e\u043b\u043d\u0443\u044e \u0432\u044b\u0441\u043e\u0442\u0443, \u0430 \u043d\u0435 \u0441\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443. \u042d\u0442\u043e \u0447\u0430\u0441\u0442\u043e \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 multiple<\/code> \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442 \u0442\u0430\u043c, \u0433\u0434\u0435 \u043e\u043d \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0443\u0436\u0435\u043d.<\/li>\n
      • \u041d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442\u0441\u044f \u043a\u0430\u043a \u043c\u0430\u0441\u0441\u0438\u0432. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442 name<\/code> \u0447\u0430\u0441\u0442\u043e \u043f\u0438\u0448\u0443\u0442 \u0441\u043e \u0441\u043a\u043e\u0431\u043a\u0430\u043c\u0438: name=\"skills[]\"<\/code>.<\/li>\n
      • \u0414\u043b\u044f \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u044b\u0431\u043e\u0440\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 selected<\/code> \u0441\u0442\u0430\u0432\u0438\u0442\u0441\u044f \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u043d\u0443\u0436\u043d\u044b\u0439 <option><\/code>.<\/li>\n<\/ul>\n
        \n
        \u0428\u0430\u0433 5. \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440<\/h2>\n
        \u041f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0444\u043e\u0440\u043c\u044b select<\/code> \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 value<\/code> \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e <option><\/code>. \u0415\u0441\u043b\u0438 \u0443 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e <option><\/code> \u043d\u0435\u0442 value<\/code>, \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0435\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435.<\/p>\n
        \n
        \n
        \n
        html<\/div>\n
        <!<\/span>-- \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u0441\u044f \"msk\"<\/span> --><\/span>\r\n<<\/span>option value=\"msk\"<\/span>><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span>\r\n\u00a0\r\n<!<\/span>-- \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u0441\u044f \"\u041c\u043e\u0441\u043a\u0432\u0430\"<\/span> --><\/span>\r\n<<\/span>option><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
        \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c value<\/code> \u044f\u0432\u043d\u043e \u2014 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u044b\u043c\u0438 \u0438 \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u044f\u0449\u0438\u043c\u0438 \u043e\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.<\/p>\n
        \n
        \u0428\u0430\u0433 6. \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f: \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e, \u0430 \u0447\u0442\u043e \u0441\u043b\u043e\u0436\u043d\u043e<\/h2>\n
        \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f select<\/code> \u2014 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0430\u044f \u0431\u043e\u043b\u044c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442 \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u0441\u043f\u0438\u0441\u043e\u043a \u0438 \u0441\u0442\u0440\u0435\u043b\u043a\u0443, \u0438 \u043d\u0435 \u0432\u0441\u0435 \u0447\u0430\u0441\u0442\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043c\u043e\u0436\u043d\u043e \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0447\u0435\u0440\u0435\u0437 CSS.<\/p>\n
        \u0427\u0442\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043b\u0435\u0433\u043a\u043e:<\/strong><\/p>\n
          \n
        • \u0428\u0440\u0438\u0444\u0442, \u0440\u0430\u0437\u043c\u0435\u0440, \u0446\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 \u0438 \u0440\u0430\u043c\u043a\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 \u2014 \u0447\u0435\u0440\u0435\u0437 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 CSS.<\/li>\n
        • \u041e\u0442\u0441\u0442\u0443\u043f\u044b \u0438 \u043e\u0431\u0449\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0447\u0435\u0440\u0435\u0437 padding<\/code>, width<\/code>, height<\/code>.<\/li>\n
        • \u0426\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432.<\/li>\n<\/ul>\n
          \u0427\u0442\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f\u043c\u0438:<\/strong><\/p>\n
            \n
          • \u041a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u2014 \u0447\u0435\u0440\u0435\u0437 \u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0438 \u0437\u0430\u043c\u0435\u043d\u0443 \u043d\u0430 \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043f\u0441\u0435\u0432\u0434\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u041d\u043e \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f.<\/li>\n
          • \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0448\u0435\u0433\u043e\u0441\u044f \u0441\u043f\u0438\u0441\u043a\u0430 \u2014 \u0432 Chrome \u0438 Firefox \u0447\u0430\u0441\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043a <option><\/code>, \u043d\u043e \u0432 Safari \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u0438\u043b\u044c\u043d\u043e \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u044b.<\/li>\n<\/ul>\n
            \u0427\u0442\u043e \u043f\u043e\u0447\u0442\u0438 \u043d\u0435 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f:<\/strong><\/p>\n
              \n
            • \u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430 \u0432 Safari \u0438 \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445: \u0442\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u0438 CSS \u043f\u043e\u0447\u0442\u0438 \u043d\u0435 \u0432\u043b\u0438\u044f\u0435\u0442.<\/li>\n<\/ul>\n
              \u0415\u0441\u043b\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043d\u0430\u0434 \u0432\u043d\u0435\u0448\u043d\u0438\u043c \u0432\u0438\u0434\u043e\u043c, \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e <select><\/code> \u0447\u0430\u0441\u0442\u043e \u0434\u0435\u043b\u0430\u044e\u0442 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430 JavaScript \u0441 <div><\/code>, <button><\/code> \u0438 aria<\/code>-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430\u043c\u0438. \u041d\u043e \u0443 \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0435\u0441\u0442\u044c \u0446\u0435\u043d\u0430: \u043d\u0443\u0436\u043d\u043e \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e \u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440\u043e\u0432 \u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0438 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u0432\u043d\u0435 \u0441\u043f\u0438\u0441\u043a\u0430.<\/p>\n
              \n
              \u0428\u0430\u0433 7. \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c<\/h2>\n
              \u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 <select><\/code> \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440\u0430\u043c\u0438 \u00ab\u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438\u00bb, \u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0430\u0432\u0438\u043b \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c:<\/p>\n
                \n
              • \u0412\u0441\u0435\u0433\u0434\u0430 \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0439\u0442\u0435 <select><\/code> \u0441 <label><\/code> \u0447\u0435\u0440\u0435\u0437 for<\/code> \u0438 id<\/code>. \u0421\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u043e\u0437\u0432\u0443\u0447\u0438\u0442 \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u043f\u0435\u0440\u0435\u0434 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c.<\/li>\n
              • \u041d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 placeholder<\/code> \u0447\u0435\u0440\u0435\u0437 \u043f\u0443\u0441\u0442\u043e\u0439 <option><\/code> \u0431\u0435\u0437 disabled<\/code> \u2014 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0435\u0433\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c, \u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u043c\u0438.<\/li>\n
              • \u0415\u0441\u043b\u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 required<\/code> \u2014 \u044d\u0442\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430:<\/li>\n<\/ul>\n
                \n
                \n
                \n
                html<\/div>\n
                <<\/span>select id=\"city\"<\/span> name<\/span>=\"city\"<\/span> required><\/span>\r\n  <<\/span>option value=\"\"<\/span> disabled selected><\/span>\u2014 \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434 \u2014<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"omsk\"<\/span>><\/span>\u041e\u043c\u0441\u043a<\/<\/span>option><\/span>\r\n  <<\/span>option value=\"moscow\"<\/span>><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span>\r\n<\/<\/span>select><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
                  \n
                • \u0410\u0442\u0440\u0438\u0431\u0443\u0442 aria-label<\/code> \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u0435\u0441\u043b\u0438 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043d\u0435\u0442, \u043d\u043e \u044f\u0432\u043d\u044b\u0439 <label><\/code> \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u0435\u0435.<\/li>\n<\/ul>\n
                  \n
                  \u0428\u0430\u0433 8. \u0421\u0431\u043e\u0440\u043a\u0430 \u0432\u0441\u0435\u0433\u043e \u0432\u043c\u0435\u0441\u0442\u0435<\/h2>\n
                  \u041f\u0440\u0438\u043c\u0435\u0440 \u0444\u043e\u0440\u043c\u044b \u0441 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0441\u043f\u0438\u0441\u043a\u043e\u043c, \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u043e\u0439 \u0438 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u0432\u044b\u0431\u043e\u0440\u043e\u043c:<\/p>\n
                  \n
                  \n
                  \n
                  html<\/div>\n
                  <<\/span>form action=\"\/submit\"<\/span> method=\"post\"<\/span>><\/span>\r\n  <<\/span>p><\/span>\r\n    <<\/span>label for<\/span>=\"city\"<\/span>><\/span>\u0413\u043e\u0440\u043e\u0434 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438:<\/<\/span>label><\/span>\r\n    <<\/span>select id=\"city\"<\/span> name<\/span>=\"city\"<\/span> required><\/span>\r\n      <<\/span>option value=\"\"<\/span> disabled selected><\/span>\u2014 \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434 \u2014<\/<\/span>option><\/span>\r\n      <<\/span>optgroup label=\"\u0421\u0438\u0431\u0438\u0440\u044c\"<\/span>><\/span>\r\n        <<\/span>option value=\"omsk\"<\/span>><\/span>\u041e\u043c\u0441\u043a<\/<\/span>option><\/span>\r\n        <<\/span>option value=\"novosibirsk\"<\/span>><\/span>\u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a<\/<\/span>option><\/span>\r\n      <\/<\/span>optgroup><\/span>\r\n      <<\/span>optgroup label=\"\u0426\u0435\u043d\u0442\u0440\"<\/span>><\/span>\r\n        <<\/span>option value=\"moscow\"<\/span>><\/span>\u041c\u043e\u0441\u043a\u0432\u0430<\/<\/span>option><\/span>\r\n        <<\/span>option value=\"spb\"<\/span>><\/span>\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433<\/<\/span>option><\/span>\r\n      <\/<\/span>optgroup><\/span>\r\n    <\/<\/span>select><\/span>\r\n  <\/<\/span>p><\/span>\r\n\u00a0\r\n  <<\/span>p><\/span>\r\n    <<\/span>label for<\/span>=\"skills\"<\/span>><\/span>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438:<\/<\/span>label><\/span>\r\n    <<\/span>select id=\"skills\"<\/span> name<\/span>=\"skills[]\"<\/span> multiple size<\/span>=\"4\"<\/span>><\/span>\r\n      <<\/span>option value=\"pack\"<\/span>><\/span>\u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430<\/<\/span>option><\/span>\r\n      <<\/span>option value=\"insurance\"<\/span>><\/span>\u0421\u0442\u0440\u0430\u0445\u043e\u0432\u043a\u0430<\/<\/span>option><\/span>\r\n      <<\/span>option value=\"express\"<\/span>><\/span>\u0421\u0440\u043e\u0447\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/<\/span>option><\/span>\r\n    <\/<\/span>select><\/span>\r\n  <\/<\/span>p><\/span>\r\n\u00a0\r\n  <<\/span>p><<\/span>button<\/span> type<\/span>=\"submit\"<\/span>><\/span>\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/<\/span>button><\/<\/span>p><\/span>\r\n<\/<\/span>form><\/span><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
                  \u0412 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435:<\/p>\n
                    \n
                  • \u041f\u0435\u0440\u0432\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d, \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u043d \u043f\u043e \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u043c \u0438 \u0438\u043c\u0435\u0435\u0442 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0443.<\/li>\n
                  • \u0412\u0442\u043e\u0440\u043e\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440, \u0430\u0442\u0440\u0438\u0431\u0443\u0442 size=\"4\"<\/code> \u0437\u0430\u0434\u0430\u0451\u0442 \u0432\u044b\u0441\u043e\u0442\u0443 \u2014 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0447\u0435\u0442\u044b\u0440\u0435 \u043f\u0443\u043d\u043a\u0442\u0430 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.<\/li>\n
                  • \u0410\u0442\u0440\u0438\u0431\u0443\u0442 name=\"skills[]\"<\/code> \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0443, \u0447\u0442\u043e \u043e\u0436\u0438\u0434\u0430\u0435\u0442\u0441\u044f \u043c\u0430\u0441\u0441\u0438\u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439.<\/li>\n<\/ul>\n
                    \n
                    \u0418\u0442\u043e\u0433<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
                    \u0422\u0435\u0433 \/ \u0430\u0442\u0440\u0438\u0431\u0443\u0442<\/th>\n\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435<\/th>\n<\/tr>\n<\/thead>\n
                    <select><\/code><\/td>\n\u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430<\/td>\n<\/tr>\n
                    name<\/code><\/td>\n\u0418\u043c\u044f \u043f\u043e\u043b\u044f \u0434\u043b\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440<\/td>\n<\/tr>\n
                    multiple<\/code><\/td>\n\u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442 \u0432\u044b\u0431\u043e\u0440 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432<\/td>\n<\/tr>\n
                    required<\/code><\/td>\n\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043b\u0435<\/td>\n<\/tr>\n
                    size<\/code><\/td>\n\u0427\u0438\u0441\u043b\u043e \u0432\u0438\u0434\u0438\u043c\u044b\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0431\u0435\u0437 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438<\/td>\n<\/tr>\n
                    <option><\/code><\/td>\n\u041f\u0443\u043d\u043a\u0442 \u0441\u043f\u0438\u0441\u043a\u0430<\/td>\n<\/tr>\n
                    value<\/code><\/td>\n\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u043e\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440<\/td>\n<\/tr>\n
                    selected<\/code><\/td>\n\u0412\u044b\u0431\u0440\u0430\u043d \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e<\/td>\n<\/tr>\n
                    disabled<\/code><\/td>\n\u041d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430<\/td>\n<\/tr>\n
                    <optgroup><\/code><\/td>\n\u0413\u0440\u0443\u043f\u043f\u0430 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c<\/td>\n<\/tr>\n
                    label<\/code> (\u0443 optgroup<\/code>)<\/td>\n\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0433\u0440\u0443\u043f\u043f\u044b<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
                    <\/p>\n","protected":false},"excerpt":{"rendered":"
                    \u0412\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u2014 \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0444\u043e\u0440\u043c. \u041e\u043d \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0430\u043b\u043e \u043c\u0435\u0441\u0442\u0430, \u043f\u0440\u0438\u0432\u044b\u0447\u0435\u043d \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u0438\u0437 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430. \u0412 HTML \u0434\u043b\u044f \u0435\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0432\u044f\u0437\u043a\u0430 \u0442\u0440\u0451\u0445 \u0442\u0435\u0433\u043e\u0432: select \u043a\u0430\u043a \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, option \u043a\u0430\u043a \u043f\u0443\u043d\u043a\u0442 \u0441\u043f\u0438\u0441\u043a\u0430 \u0438 optgroup \u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0438 \u043f\u0443\u043d\u043a\u0442\u043e\u0432. \u0428\u0430\u0433 1. \u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0447\u0435\u0440\u0435\u0437 select \u0438 option […]<\/p>\n","protected":false},"author":9194254,"featured_media":135476,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[463],"tags":[],"class_list":["post-135683","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"views":6,"_links":{"self":[{"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=\/wp\/v2\/posts\/135683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=\/wp\/v2\/users\/9194254"}],"replies":[{"embeddable":true,"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135683"}],"version-history":[{"count":1,"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=\/wp\/v2\/posts\/135683\/revisions"}],"predecessor-version":[{"id":135684,"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=\/wp\/v2\/posts\/135683\/revisions\/135684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=\/wp\/v2\/media\/135476"}],"wp:attachment":[{"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=135683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rcl-radio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=135683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}