Neue Antwort schreiben
Antworten zu Thema: Formulargestaltung
Benutzername:
Betreff:
Beitrags-Icon:
Ihre Nachricht:
Smilies
Smile Wink Cool Big Grin
Tongue Rolleyes Shy Sad
At Angel Angry Blush
Confused Dodgy Exclamation Heart
Huh Idea Sleepy Undecided
[mehr]
 
X
Beitragsoptionen:
Themen Abonnement:
Geben Sie die Art der E-Mail-Benachrichtigung und des Abonnements für dieses Thema an (nur registrierte Benutzer).






Themenübersicht (Neueste zuerst)
Geschrieben von - 08.08.2021, 20:06
Ja, danke, so hab ich es gemeint.
Geschrieben von admin - 06.08.2021, 16:50
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
Geschrieben von wak - 05.08.2021, 15:02
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>