
    <style>
div input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

a:link, a:visited {
  background-color: #19c97d;
  color: white;
  border: 2px solid  #19c97d;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  width:400px;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: green;
  color: white;
}

div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
</style>
<div style="text-align: center" >
<h2>BACKUP DATABASE </h2>
    <p>Click Backup To Backup Your Database </p>
<div>
  <form action="/action_page.php">
  <div style ="text-align: left;font-weight: bold;">
    <label for="fname">FileName</label>
    <input type="text" class='textbox' id="name" name="name" value="DbFuji">
    </div>
 <div style ="text-align: left;font-weight: bold;">
    <label for="language" >Extension </label>
    <select id="language" name="language" class="combobox">
      <option value=".sql">sql</option>
      <option value=".txt">txt</option>
    </select>
    </div>
    <a href="#" id="btnSim" onclick="backupDatabaseTables()" name="btnSim" >BACKUP</a>
  </form>
</div>

    </div>
  