12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Festo Axis</title>
- <style>
- input {
- display: inline-block;
- width: 200px;
- height: 28px;
- }
- label {
- display: inline-block;
- width: 150px;
- height: 28px;
- }
- #preview {
- display: block;
- padding: 35px 20px 20px 0px;
- }
- #header {
- padding: 0px 0px 20px 0px;
- }
- </style>
- </head>
- <body>
- <form>
- <p>Move axis relative by x</p>
- <br \>
- <input id="rbAbs" type="radio">
- <label for="rbAbs">Absolute</label><br/>
- <input id="rbRel" type="radio">
- <label for="rbRel">Relative</label><br/>
- <input id="pos" type="number"/>
- <br/>
- <div id="preview">
- <h3 id="header">Preview</h3><br \>
- Title: <label id="titlePreviewLabel" style="width: 400px;"/> <br \>
- Message: <label id="messagePreviewLabel" style="width: 400px;"/>
- </div>
- </form>
- </body>
- </html>
|