Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
products:laboratory_iot_c:exp60 [2024/12/06 16:18] – [Программный код эксперимента] labuser30products:laboratory_iot_c:exp60 [2024/12/06 21:54] (текущий) – [Программный код эксперимента] labuser30
Строка 30: Строка 30:
         <h2>Input led duty between 0 and 1023</h2>         <h2>Input led duty between 0 and 1023</h2>
         <form action="/">         <form action="/">
-            <input type="text" name="duty" value=512>+            <input type="number" name="duty" min="0" max="1023" value="512">
             <input type="submit" value="Send">             <input type="submit" value="Send">
         </form>         </form>
Строка 36: Строка 36:
 </html> </html>
 </file> </file>
- 
-<WRAP center round important 60%> 
-Сохрани эту страницу в корне файловой системы микроконтроллера под именем page.html 
-</WRAP> 
  
 Большинство тегов в HTML состоят из двух частей — открывающего тега и закрывающего, а содержимое пишется между открывающим и закрывающим тегами. Вся веб станица находится внутри тегов <html>...</html>. Далее веб страница делится на заголовок <head>...</head> и тело страницы <body>...</body>. В заголовке прописываются такие параметры как название страницы, язык и прочие служебные данные. Они не являются обязательными и мы оставим заголовок пустым. Большинство тегов в HTML состоят из двух частей — открывающего тега и закрывающего, а содержимое пишется между открывающим и закрывающим тегами. Вся веб станица находится внутри тегов <html>...</html>. Далее веб страница делится на заголовок <head>...</head> и тело страницы <body>...</body>. В заголовке прописываются такие параметры как название страницы, язык и прочие служебные данные. Они не являются обязательными и мы оставим заголовок пустым.
  
-Внутри тела страницы мы создаем заголовок второго уровня <h2>...</h2> с поясняющим текстом: Введите яркость светодиода в промежутке от 0 до 123. Далее создаем форму с помощью тега <form>:+Внутри тела страницы мы создаем заголовок второго уровня <h2>...</h2> с поясняющим текстом: Введите яркость светодиода в промежутке от 0 до 1023. Далее создаем форму с помощью тега <form>:
 <code html[enable_line_numbers="2", start_line_numbers_at="6"]> <code html[enable_line_numbers="2", start_line_numbers_at="6"]>
         <form action="/">         <form action="/">
-            <input type="text" name="duty" value=512>+            <input type="number" name="duty" min="0" max="1023" value="512">
             <input type="submit" value="Send">             <input type="submit" value="Send">
         </form>         </form>
Строка 53: Строка 49:
 Форма имеет атрибут ''action'' с адресом, куда отправлять данные.  Форма имеет атрибут ''action'' с адресом, куда отправлять данные. 
  
-Текстовое поле ввода создается тегом <input>. Атрибут type="text" означает тип поля, в данном случае это текстовое поле. Атрибут name="duty" устанавливает имя поля, а атрибут value="512" устанавливает значение поля по умолчанию.+Текстовое поле ввода создается тегом <input>. Атрибут type="number" означает тип поля, в данном случае это число. Атрибут name="duty" устанавливает имя поля, а атрибут value="512" устанавливает значение поля по умолчанию.
  
 Кнопка отправки формы создаются также тегом input, но с типом type="submit". Кнопка отправки формы создаются также тегом input, но с типом type="submit".
Строка 78: Строка 74:
   page += "<h2>Input led duty between 0 and 1023</h2>";   page += "<h2>Input led duty between 0 and 1023</h2>";
   page += R"(<form action="/">)";   page += R"(<form action="/">)";
-  page += R"(<input type="text" name="duty" value="512">)";+  page += R"(<input type="number" name="duty" min="0" max="1023" value="512">)";
   page += R"(<input type="submit" value="Send">)";   page += R"(<input type="submit" value="Send">)";
   page += "</form>";   page += "</form>";
   page += "</body>";   page += "</body>";
   page += "</html>";   page += "</html>";
 +  
   server.send(200, "text/html", page);    server.send(200, "text/html", page); 
 } }
Строка 118: Строка 115:
  
 Главным отличием этой программы от предыдущего эксперимента является то, что мы теперь отправляем целиком веб-страницу записанную в переменную ''page''. Главным отличием этой программы от предыдущего эксперимента является то, что мы теперь отправляем целиком веб-страницу записанную в переменную ''page''.
-<code arduino[enable_line_numbers="2", start_line_numbers_at="25"]>+<code arduino[enable_line_numbers="2", start_line_numbers_at="26"]>
   server.send(200, "text/html", page);   server.send(200, "text/html", page);
 </code> </code>