• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Profil/Formular

Noob131355

Neues Mitglied
Ich habe versucht ein Profil von mir zu machen allerdings schaut mein Formular überhaupt nicht wie der Plan den ich gemacht habe aus. Kann mir jemand sagen wie ich mein Formular verbessern kann. Das hier ist der Plan -->Screenshot (3).png

Und das hier ist mein FormularScreenshot (4).png
Und das hier ist der Code:

<!DOCTYPE html>
<head>
<title>Profilseite</title>
<meta charset="UTF-8">
<style>
input.ex1 {
margin-left: 30px;
margin-right: 30px;
margin-block-start: 30px;
}
input.ex2 {
margin-right: 60px;
margin-left: 30px;
margin-top: 30px
}
input.ex3 {
margin-right: 0px;
margin-left: 0px;
}
label.ax1 {
float: left;
padding-right: 0px;
}
img {
float:left;
}
label.na1 {
float: left;
}
input.atx1 {
float: right:right;
}
input.qu1 {
margin-left: 30px;
margin-right: 30px;
margin-block-start: 30px;
}
label.na2 {
float:left;
}
label.na3 {
float: center;
}
input.qu2 {
margin-left: 30px;
margin-right: 30px;
margin-block-start: 30px;
}
</style>
</head>
<body>
<img src="IT.jpg" alt="TGM Logo" style="width: 100px;margin-right: 15px;"><h1>Fabian Geihseder TGM Profil</h1>
<br>
<br>
<form action="/action_page.php">
<fieldset>
<legend>Persönliche Daten</legend>
<label class="ax1" for="Vorname">Vorname</label>
<input class="ex1" type="text" id="Vorname" name="Vorname" placeholder="hier Vorname eingeben">
<input class="ex2" type="text" id="Nachname" name="nachname" placeholder="hier Nachname eingeben">
<select name="Klasse">
<option value="1AHIT">1AHIT</option>
<option value="1BHIT">1BHIT</option>
<option value="1CHIT">1CHIT</option>
<option value="1DHIT">1DHIT</option>
<option value="2AHIT">2AHIT</option>
</select>
</td>
<br>
<br>
<td>
<label for="Geburtsdatum">Gerburtsdatum</label>
<div class="b">
<input type="date" id="birthday" name="birthday">
</div>
<div class="a">
<p>Geschlecht</p>
<input type="radio" name="gender" value="Frau">m
<br>
<input type="radio" name="gender" value="Mann">w
<br>
</div>
</td>
</td>
<input type="checkbox" width="100%" style="float: center;" name="bez1" value="Zulieferer"> Schwimmen
<br>
<input type="checkbox" style="float: center;" name="bez2" value="käufer"> Fußball
<input type="checkbox" style="float: center;" name="bez3" value="partner"> Snowboarden
<input type="checkbox" style="float: center;" name="bez4" value="sonstiges"> Computer spielen
<input type="checkbox" style="float: center;" name="bez5" value="sonstiges"> Rad fahren
<input type="checkbox" style="float: center;" name="bez6" value="sonstiges"> Skifahren
<tr>
<br>
<label for="Anmerkungen und Motto">Anmerkungen und Motto</label>
<td colspan="3">
<textarea name="message" rows="5" cols="80">Ich bin ein toller Schüler der Medientechnik liebt, weil die Lehrer einfach die besten sind! Mein Motto lautet: HTML ist mein Leben.
</textarea>
</td>
</fieldset>
</form>
<br>
<br>
<form action="/action_page.php">
<fieldset>
<legend>Kontaktdaten</legend>
<label class="na2" for="Email">Email</label>
<input class="qu1" type="text" id="Email" name="Email" placeholder="Hier Email eingeben">
<label class="na3" for="Email">Telnr</label>
<input class="qu2" type="text" id="Telnr" name="Telnr" placeholder="Hier Telefonnummer eingeben">
</fieldset>
<table>
<tr>
<br>
<br>
<br>
<td>
<input type="submit" name="Profil speichern" value="Profil speichern">
</td>
</tr>
</table>
</form>
</body>
 

Anhänge

  • 1592997495128.png
    1592997495128.png
    224,7 KB · Aufrufe: 2
Werbung:
Dein HTML-Code ist kaputt! Da tauchen plötzlich td's auf, ohne in einer Tabelle zu stecken.
 
Zurück
Oben