[WiFi] Esp-8266 Web Server 입력 폼만들기

개요

web server에 접속하면 화면에 기본 화면을 출력하였음으로

이제는 입력을 받아야 합니다

입력 받는 폼을 설계한 내용을 말씀드립니다.

입력 Form 내용

form 태그와 fieldset 태그를 사용하였습니다.

fieldset 태그는 연관성있는 입력을 하나로 묶기 위한 Tag입니다.

form tag에서 action= 입력을 받을 서버 페이지를 지정하였고

style tag를 form에 적용하여 크기와 마진을 설정하고

fieldset 태크 에 style= "margin-top:20px"를 적용하여 위에 있는 출력 테이블과의 간격을 넓혔습니다

id 태그는 웹 페이지내에서 혹시 중복되는 것이 있을까 ? 검사하기 위해 적용하였고

placeholder는 입력창에 힌트를 주기 위해 사용하였습니다.

 

Web Server의 출력에 대한 내용을 보시려면 아래를 참조하시기 바랍니다

https://power-of-optimism.tistory.com/753

[WiFi]esp12의 WebServer에서 간단한 HTML 출력