Erstellen Sie ein Formular innerhalb einer Tabelle mit html

Brauche ich ein Formular erstellen, die für die Versicherung Mit Hilfe der Tabelle. Ich muss in der richtigen position. Brauchen Sie einige Stil. Sollte sieht schön aus .. 🙂 Also bitte helfen .
Gibt es irgendein tool oder eine andere Möglichkeit, um das zu machen?

Mein Aktuelle Code -

<html>
<body>
  <center>
<table>
  <tr id="idrow1"><td> First Name : <input type="text" name="firstname"> </td></tr>
  <tr id="idrow2"><td> Last Name : <input type="text" name="lastname">  </td></tr>
  <tr id="idrow3"><td> Age       : <input type="text" name="age"> </td></tr>
  <tr id="idrow3"><td> Email      : <input type="email" name="email"> </td></tr>
  :
  :
  :

</table>
</center>
</body>
</html>
  • Google und Ihr werdet finden. Aber versuchen Sie auf der Suche für CSS Formular design. Der obige HTML ist alt, und <center> ist veraltet.
  • Müssen die Formen in der Tabelle ..
  • Ja, Sie können das Formular in eine Tabelle, wenn Sie möchten, dass noch nicht auf meine obige Antwort.
InformationsquelleAutor Muneeb K | 2016-04-11
  1. 3

    Versuchen Sie es mit Bootstrap-Tabellen und Bootstrap horizontale Formen, die Ihnen einige prettya und einfache styles.

    HTML:

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table form-horizontal">
  <tr>
    <td class="form-group">
      <label for="inputEmail3" class="col-xs-4 control-label">First Name</label>
      <div class="col-xs-8">
        <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
      </div>
    </td>
  </tr>
  <tr>
    <td class="form-group">
      <label for="inputEmail4" class="col-xs-4 control-label">Last Name</label>
      <div class="col-xs-8">
        <input type="email" class="form-control" id="inputEmail4" placeholder="Email">
      </div>
    </td>
  </tr>
</table>

    Sowieso Sie könnte verwenden Sie das Formular ohne Tabellen, wenn Sie wollen/können.

    InformationsquelleAutor Lionel T
  2. 0

    Check this out und import-css-Datei für den style in Ihrem html-doc

    <html>
<body>
<center>
<table>
<br>
<tr id="idrow1"><td> First Name : </td><td><input type="text" name="firstname"> </td></tr>
<tr id="idrow2"><td> Last Name  : </td><td><input type="text" name="lastname">  </td></tr>
<tr id="idrow3"><td> Age        : </td><td><input type="text" name="age">       </td></tr>
<tr id="idrow4"><td> Email      : </td><td><input type="email" name="email">    </td></tr>
</table>
</center>
</body>
</html>
    InformationsquelleAutor Kai Iyer
Schreibe einen Kommentar