Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Formulargestaltung
#1
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>
Zitieren
#2
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
Zitieren
#3
Ja, danke, so hab ich es gemeint.
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste