|
|
@@ -26,32 +26,42 @@
|
|
|
</nav>
|
|
|
<div class="container">
|
|
|
<div class="row justify-content-md-center">
|
|
|
- <div class="col-lg-auto" style="width: 500px">
|
|
|
+ <div class="col-lg-auto" style="width: 500px;padding: 20px">
|
|
|
<form id="form">
|
|
|
- <div class="form-group">
|
|
|
- <label for="ipInput">IP</label>
|
|
|
- <input type="text" class="form-control" id="ipInput" name="ip" required
|
|
|
- aria-describedby="ipHelp" placeholder="ip地址,例如192.168.1.100">
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label" for="ipInput">IP</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <input type="text" class="form-control" id="ipInput" name="ip" required
|
|
|
+ placeholder="ip地址,例如192.168.1.100">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="portInput">端口</label>
|
|
|
- <input type="text" class="form-control" id="portInput" name="port" required
|
|
|
- aria-describedby="portHelp" placeholder="tcp端口,例如37777">
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label" for="portInput">端口</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <input type="text" class="form-control" id="portInput" name="port" required
|
|
|
+ placeholder="tcp端口,例如1433">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="usernameInput">账号</label>
|
|
|
- <input type="text" class="form-control" id="usernameInput" name="username"
|
|
|
- value="admin" required aria-describedby="usernameHelp" placeholder="数据库账号,例如sa">
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label" for="usernameInput">账号</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <input type="text" class="form-control" id="usernameInput" name="username"
|
|
|
+ value="admin" required placeholder="数据库账号,例如sa">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="passwordInput">密码</label>
|
|
|
- <input type="password" class="form-control" id="passwordInput" name="password"
|
|
|
- required aria-describedby="passwordHelp" placeholder="数据库密码">
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label" for="passwordInput">密码</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <input type="password" class="form-control" id="passwordInput" name="password"
|
|
|
+ required placeholder="数据库密码">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="form-group">
|
|
|
- <label for="databaseNameInput">数据库</label>
|
|
|
- <input type="text" class="form-control" id="databaseNameInput" name="databaseName"
|
|
|
- required aria-describedby="databaseNameHelp" placeholder="数据库名称">
|
|
|
+ <div class="form-group row">
|
|
|
+ <label class="col-sm-2 col-form-label" for="databaseNameInput">数据库</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <input type="text" class="form-control" id="databaseNameInput" name="databaseName"
|
|
|
+ required placeholder="数据库名称">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<button type="button" class="btn btn-primary btn-save">保存</button>
|
|
|
</form>
|