Hilfe für ein berbungsformular

Status
Nicht offen für weitere Antworten.
O

Onilink

Grünschnabel
Hilfe für ein bewerbungsformular

Ich hab nen formular in dreamwaver erstellt und will es als html objekt in ein page editor einbinden. alles klapt aber das sieht nicht so aus wie ich es selbst bei dreamwaver designt habe alles ist runterverschoben. kann einer meinen html code berichtigien oder sagen ws ich flasch mache:

<form method=post action="bewerbungsformular"> <pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>bewerbungsformular.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Stil2 {font-size: 14px}
body {
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
-->
</style>
</head>

<body>
<p><strong>1. Wie k&ouml;nnen wir Sie erreichen? </strong></p>
<p>
<input type="radio" name="herr" value="herr">
<b>Herr </b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="frau" type="radio" value="frau">
<b>Frau </b>
</p>
<p align="left" class="Stil2">
<input name="vorname" type="text" class="Stil2" id="vorname" value="" size="45" maxlength="45">
</p>
<p align="left" class="Stil2">
<input name="nachname" type="text" id="nachname" size="45" maxlength="45">
</p>
<p align="left" class="Stil2">
<input name="tag" type="text" id="tag" size="5" maxlength="2">
.
<input name="monat" type="text" id="monat" size="5" maxlength="2">
.
<input name="jahr" type="text" id="jahr" size="10" maxlength="4">
</p>
<p align="left" class="Stil2">
<input name="strasse" type="text" id="strasse" size="38" maxlength="12">
/
<input name="hausnummer" type="text" id="hausnummer" size="5" maxlength="5">
</p>
<p align="left" class="Stil2">
<input name="postleitzahl" type="text" id="postleitzahl" size="12" maxlength="12">
/
<input name="ort" type="text" id="ort" size="31" maxlength="31">
</p>
<p align="left" class="Stil2">
<input name="telefon zuhause vowahl" type="text" id="telefon zuhause vowahl" size="12" maxlength="12">
/
<input name="telefon zuhause" type="text" id="telefon zuhause" size="31" maxlength="31">
</p>
<p align="left" class="Stil2">
<input name="telefon arbeit vorwahl" type="text" id="telefon arbeit vorwahl" size="12" maxlength="12">
/
<input name="telefon arbeit" type="text" id="telefon arbeit" size="31" maxlength="31">
</p>
<input name="telefon mobil vorwahl" type="text" id="telefon mobil vorwahl" size="12" maxlength="12">
/
<input name="telefon mobil" type="text" id="telefon mobil" size="31" maxlength="31">
<p align="left" class="Stil2">
<input name="fax vowahl" type="text" id="fax vowahl" size="12" maxlength="12">
/
<input name="fax" type="text" id="fax" size="31" maxlength="31">
</p>
<p align="left" class="Stil2"> <input name="E-mail" type="text" id="E-mail" size="45" maxlength="45">
</p>
<p align="left" class="Stil2">
<input name="Submit" type="submit" onClick="mailto:info@numan-gmbh.de" value="Senden">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="Submit2" type="reset" value="Formular Leeren">
</p>
</body>
</html>
</pre> </form>
 
Zuletzt bearbeitet:
Hallo!

Dein fehler ist der, das Du dein Formular ( <Form....> ) innerhalb des <Body>....</Body> setzen solltes.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>bewerbungsformular.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Stil2 {font-size: 14px}
body {
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
-->
</style>
</head>

<body>
<form method=post action="bewerbungsformular"> <pre>
<p><strong>1. Wie k&ouml;nnen wir Sie erreichen? </strong></p>

<p>
<input type="radio" name="herr" value="herr">
<b>Herr </b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="frau" type="radio" value="frau">
<b>Frau </b>
</p>
<p align="left" class="Stil2">
<input name="vorname" type="text" class="Stil2" id="vorname" value="" size="45" maxlength="45">
</p>
<p align="left" class="Stil2">
<input name="nachname" type="text" id="nachname" size="45" maxlength="45">
</p>
<p align="left" class="Stil2">
<input name="tag" type="text" id="tag" size="5" maxlength="2">
.
<input name="monat" type="text" id="monat" size="5" maxlength="2">
.
<input name="jahr" type="text" id="jahr" size="10" maxlength="4">
</p>
<p align="left" class="Stil2">
<input name="strasse" type="text" id="strasse" size="38" maxlength="12">
/
<input name="hausnummer" type="text" id="hausnummer" size="5" maxlength="5">
</p>
<p align="left" class="Stil2">
<input name="postleitzahl" type="text" id="postleitzahl" size="12" maxlength="12">
/
<input name="ort" type="text" id="ort" size="31" maxlength="31">
</p>
<p align="left" class="Stil2">
<input name="telefon zuhause vowahl" type="text" id="telefon zuhause vowahl" size="12" maxlength="12">
/
<input name="telefon zuhause" type="text" id="telefon zuhause" size="31" maxlength="31">
</p>
<p align="left" class="Stil2">
<input name="telefon arbeit vorwahl" type="text" id="telefon arbeit vorwahl" size="12" maxlength="12">
/
<input name="telefon arbeit" type="text" id="telefon arbeit" size="31" maxlength="31">
</p>
<input name="telefon mobil vorwahl" type="text" id="telefon mobil vorwahl" size="12" maxlength="12">
/
<input name="telefon mobil" type="text" id="telefon mobil" size="31" maxlength="31">
<p align="left" class="Stil2">
<input name="fax vowahl" type="text" id="fax vowahl" size="12" maxlength="12">
/
<input name="fax" type="text" id="fax" size="31" maxlength="31">
</p>
<p align="left" class="Stil2"> <input name="E-mail" type="text" id="E-mail" size="45" maxlength="45">
</p>
<p align="left" class="Stil2">
<input name="Submit" type="submit" onClick="mailto:info@numan-gmbh.de" value="Senden">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="Submit2" type="reset" value="Formular Leeren">
</p>
</pre> </form>
</body>
</html>

Und Netiquette lesen.


Gruß Axel
 
Hallo,

hab mir das gerade mal angesehen. Also was meins tdu mit verschoben? Bei mir ist da gar nichts verschoben. Hast du wo die Seite scho mal online, dass ich mir das mal ansehen kann?

Gruß BlackLove2005
 
Mein Vorschlag:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>bewerbungsformular.html</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<style type="text/css">
	<!--
form p {
	margin:			0 0 .667em 0;
}
label {
	display:		block;
}
label[for]::after {
	content:		":";
}
.hidden {
	display:		none;
}
	-->
	</style>
</head>



<body>
<h3>1. Wie k&ouml;nnen wir Sie erreichen?</h3>

<form method="post" action="bewerbungsformular">
	<p>
		<label><input type="radio" name="anrede" value="herr">Herr</label>
		<label><input type="radio" name="anrede" value="frau">Frau</label>
	</p>
	<p>
		<label for="text:vorname">Vorname</label>
		<input type="text" name="vorname" id="text:vorname" value="" size="45" maxlength="45">
	</p>
	<p>
		<label for="text:nachname">Nachname</label>
		<input type="text" name="nachname" id="text:nachname" size="45" maxlength="45">
	</p>
	<p>
		<label for="text:tag">Geburtsdatum</label>
		<input type="text" name="tag" id="text:tag" size="5" maxlength="2">.
		<input type="text" name="monat" id="text:monat" size="5" maxlength="2">.
		<input type="text" name="jahr" id="text:jahr" size="10" maxlength="4">
	</p>
	<p>
		<label for="text:strasse">Straße</label>
		<input type="text" name="strasse" id="text:strasse" size="38" maxlength="12">
		<label for="text:hausnummer">Hausnummer</label>
		<input type="text" name="hausnummer" id="text:hausnummer" size="5" maxlength="5">
	</p>
	<p>
		<label for="text:postleitzahl">Postleitzahl</label>
		<input type="text" name="postleitzahl" id="text:postleitzahl" size="12" maxlength="12">
		<label for="text:ort">Wohnort</label>
		<input type="text" name="ort" id="text:ort" size="31" maxlength="31">
	</p>
	<p>
		<label for="text:telefon-zuhause-vowahl">Telefon privat<span class="hidden"> – Vorwahl</span></label>
		<input type="text" name="telefon zuhause vowahl" id="text:telefon-zuhause-vowahl" size="12" maxlength="12">/
		<label for="text:telefon-zuhause" class="hidden">Telefon privat – Rufnummer</label>
		<input type="text" name="telefon zuhause" id="text:telefon-zuhause" size="31" maxlength="31">
	</p>
	<p>
		<label for="text:telefon-arbeit-vorwahl">Telefon beruflich<span class="hidden"> – Vorwahl</span></label>
		<input type="text" name="telefon arbeit vorwahl" id="text:telefon-arbeit-vorwahl" size="12" maxlength="12">/
		<label for="text:telefon-arbeit" class="hidden">Telefon beruflich – Rufnummer</label>
		<input type="text" name="telefon arbeit" id="text:telefon-arbeit" size="31" maxlength="31">
	</p>
	<p>
		<label for="text:telefon-mobil-vorwahl">Telefon mobil<span class="hidden"> – Vorwahl</span></label>
		<input type="text" name="telefon mobil vorwahl" id="text:telefon-mobil-vorwahl" size="12" maxlength="12">/
		<label for="text:telefon-mobil" class="hidden">Telefon mobil – Rufnummer</label>
		<input type="text" name="telefon mobil" id="text:telefon-mobil" size="31" maxlength="31">
	</p>
	<p>
		<label for="text:fax-vowahl">Fax<span class="hidden"> – Vorwahl</span></label>
		<input type="text" name="fax vowahl" id="text:fax-vowahl" size="12" maxlength="12">/
		<label for="text:fax" class="hidden">Fax – Rufnummer</label>
		<input type="text" name="fax" id="text:fax" size="31" maxlength="31">
	</p>
	<p>
		<label for="text:e-mail">E-Mail-Adresse</label>
		<input type="text" name="E-mail" id="text:e-mail" size="45" maxlength="45">
	</p>
	<p>
	<input type="submit" name="submit" value="Senden">
	<input type="reset" name="reset" value="Formular leeren">
</form>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück