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 -->
Und das hier ist mein Formular
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>
Und das hier ist mein Formular
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>
