<font size='18'> DRO <form action = 'msg5'><input type='text' name='msg5' size=8 value='30.00000' size=10 autostepdir> Distance <action = 'Submit'>
<input type='submit' name = 'LR' value='<'> <action = 'Submit'><input type='submit' name = 'LR' value='>'><font size='18'>
<form action = 'msg6'><input type='text' name='msg6' size=8 value='2500.00000' size=10 autostepdir> Speed <action = 'Submit'>
<input type='submit' name = 'LRS' value='<'> <action = 'Submit'><input type='submit' name = 'LRS' value='>'> </font>
<style type="text/css">
input { font-size: 20px; }
</style>
Code: [Select]<style type="text/css">
input { font-size: 20px; }
</style>
In the html anywhere is fine
You may want to put a
I recommend the following "structure" for web pages:
<!DOCTYPE html5>
<html>
<head>
<title> Page Title </title>
Meta elements
<style type="text/css">
CSS definitions
</style>
<script type="text/javascript">
JavaScript
</script>
</head>
<body>
Body Content
</body>
</html>
The indentation is there for illustration; you can either keep it or remove the indentation.
Meta elements you might choose to use includes <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> or <meta charset="UTF-8"> (which tells the browser the document uses UTF-8; otherwise, if you save the page as a local file, browsers assume it uses some "legacy encoding", like Windows-1252 or ISO 8859-1), and the <meta name="viewport" content="width=device-width, initial-scale=1"> T3sl4co1l suggested.
If you don't have any CSS, omit the <style type="text/css"></style>.
If you don't need any JavaScript, omit the <script type="text/javascript"></script>.
Finally, you might wish to use the W3 validator facilities at https://validator.w3.org/ (https://validator.w3.org/) to see what it says about your HTML code. I disagree with some of its warnings (especially "... is not needed and should be omitted" and "Consider adding ..." ones), but it is definitely a nice sanity check.
String CSS1 = "<style type='text/css'>";It is assembled with this:
String CSS2 = "input { font-size: 100px; }";
String CSS3 = "</style>";
String sizestart = "<font size='22'>";
String sizeend = "</font>";
String Move1 = " DRO <form action = 'msg5'><input type='text' name='msg5' size=8 value='";
String Move2 = "' size=10 autostepdir> ";
String left = "
<action = 'Submit'><input type='submit' name = 'LR' value='<'> ";
String right = "Distance <action = 'Submit'><input type='submit' name = 'LR' value='>'>";
// Added for speed
String Speed1 = "
<form action = 'msg6'><input type='text' name='msg6' size=8 value='";
String Speed2 = "' size=10 autostepdir> ";
String leftS = "
<action = 'Submit'><input type='submit' name = 'LRS' value='<'> ";
String rightS = " Speed <action = 'Submit'><input type='submit' name = 'LRS' value='>'> ";
String webstring;
webstring =
String(CSS1)
String(CSS2)
String(CSS3)
String(sizestart)
String(Move1) String((float)msg[5], 5)
String(Move2)
String(left)
String(right) //String((float)msg[5], 5)
// Added for speed
String(Speed1) String((float)msg[6], 5)
String(Speed2)
String(leftS)
String(rightS) //String((float)msg[6], 5);
String(sizeend);
server.send(200, "text/html", webstring);
}
I cannot format it like that. What I pasted was from the page source in the browser. On the device the web page definition is like this:Ah, right. Sorry, I forgot this was on the ESP8266. :-[