"Untitled"
Bootstrap 4.1.1 Snippet by OlivierCompondu

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../../../favicon.ico"> <!-- Bootstrap core CSS --> <link href="../../css/editor.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="narrow-jumbotron.css" rel="stylesheet"> </head> <body> <div class="container py-5"> <div class="card"> <div class="card-header bg-danger text-white"> <h4 class="text-uppercase text-center">Modbus</h4> </div> <div class="card-body"> <form class=""> <div class="form-row"> <div class="col-md-6"> <label>Baudrate</label> <select class="form-control"> <option value="value1">9600</option> <option value="value2">19200</option> <option value="value3">38400</option> <option value="value3">57600</option> <option value="value3">115200</option> </select> </div> <div class="col-md-6"> <label>Data bits</label> <select class="form-control"> <option value="value1">6</option> <option value="value2">7</option> <option value="value3">8</option> </select> </div> </div> <div class="form-row"> <div class="col-md-6"> <label>Stop bits</label> <select class="form-control"> <option value="value1">1</option> <option value="value2">1.5</option> <option value="value3">2</option> </select> </div> <div class="col-md-6"> <label>Parity type</label> <select class="form-control"> <option value="value1">None</option> <option value="value2">Even</option> <option value="value3">Odd</option> </select> </div> </div> <hr style="text-decoration-style: double;"> <div class="form-row"> <div class="col-md-6"> <label>Modbus Device ID</label> <input type="number" placeholder="Device ID" class="form-control" wfd-id="id0"> </div> <div class="col-md-6"> <label>Modbus Command</label> <select class="form-control"> <option value="value1">0x03</option> <option value="value2">Text 2</option> <option value="value3">Text 3</option></select> </div> </div> <div class="form-row"> <div class="col-md-6"> <label>Modbus Address</label> <input type="number" class="form-control" placeholder="Enter Address" wfd-id="id3"> </div> <div class="col-md-6"> <label>Number of Registers to read</label> <input type="number" placeholder="Enter Number of Registers to Read" class="form-control" wfd-id="id5"> </div> </div> <div class="form-row"> </div> <div class="form-row"> <div class="col-md-12"> <button type="submit" class="btn btn-primary rounded-0 btn-sm" style="float: right; width: 100%; margin-top: 5%;">Send</button> </div> </div> <div class="form-row"> <div class="col-md-12"> <label>Response:</label><textarea class="form-control"></textarea> </div> </div> </form> </div> </div> </div> </body> </html>

Questions / Comments: