Javascript-forum
Formulargestaltung - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Css (https://javascript-forum.de/forumdisplay.php?fid=7)
+--- Thema: Formulargestaltung (/showthread.php?tid=223)



Formulargestaltung - wak - 05.08.2021

Hallo,

Das Formular soll folgendermaßen aussehen:

- 2 Felder nebeneinander, 2 untereinander (bereits gemacht)
- die Felder sollen ausgerichtet sein (genau untereinander stehen)
- die Beschriftungen sollen über den Feldern stehen

Wie mach ich's?

Danke
Code:
<!DOCTYPE html>
<html lang="de">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Test</title>

  <style>
    .myForm input {
      width: 20%;
      padding: 3px 3px;
      margin: 5px 5px;
      font-size: 1.1rem;
      display: inline-flex;
    }
  </style>

</head>


<body>

  <form class="myForm">

      <label for="label1">Text1</label>
      <input type="number">
   
      <label for="label2">TextText2</label>
      <input type="number">

      <label for="label3">TextTextText3</label>
      <input type="number">
   
      <label for="label4">TextTextText4</label>
      <input type="number">

  </form>

</body>

</html>



RE: Formulargestaltung - admin - 06.08.2021

Ich hoffe ich habe dich richtig verstanden.
Meinst du das so 



Es gibt auch noch andere Wege.
Um dir genauer helfen zu können, bräuchte man nee Skizze oder Bild, wie es aussehen soll


RE: Formulargestaltung - Gast - 08.08.2021

Ja, danke, so hab ich es gemeint.