---
title: "Kontaktformular / Elemente anders anordnen"
url: "https://www.typo3.net/d/21744-kontaktformular-elemente-anders-anordnen"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2005-02-25"
last_reply: "2005-04-24"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Kontaktformular / Elemente anders anordnen

Allgemein · 4 Antworten · gestartet 2005-02-25

## Eröffnungsbeitrag

**bingobommel** · 2005-02-25 · [Beitrag #1](https://www.typo3.net/d/21744-kontaktformular-elemente-anders-anordnen/1)

Hallo. Gibt es eine möglichkeit die einzelnen Eingabefelder im Kontaktformular etwas individueller anzuordnen? Also z.B. einige Felder direkt nebeneinander und/oder in der linken Spalte? Hat dazu jemand einen Tipp?

## Antworten

### [#2](https://www.typo3.net/d/21744-kontaktformular-elemente-anders-anordnen/2) · toyde · 2005-02-25

Variante:

1. Dein Kontaktformular im Frontend aufrufen
2. Quelltext vom Formular kopieren
3. Selbst ein Kontaktformular gestalten
4. Die Formular Konfigs reinhacken.

greez toyde

### [#3](https://www.typo3.net/d/21744-kontaktformular-elemente-anders-anordnen/3) · bingobommel · 2005-02-25

Bis auf Punkt 4 "Die Formular Konfigs reinhacken" verstehe ich Deinen Tipp...aber wie kann ich ein eigenes Formular so ohne weiteres in Typo3 übernehmen? Mit welcher TS-Anweisung geht das?

### [#4](https://www.typo3.net/d/21744-kontaktformular-elemente-anders-anordnen/4) · hardcoder · 2005-04-24

statt: contentelement: mail-form

content-element: HTML

```html
<script type="text/javascript" src="t3lib/jsfunc.validateform.js"></script>
<form action="index.php?id=172" name="2e65f0f8ac18ed4eda8a1c2edbb2fdbf" enctype="multipart/form-data" method="post" target="_top" onsubmit="return validateForm('2e65f0f8ac18ed4eda8a1c2edbb2fdbf','email,E-Mail,message,Ihre%20Nachricht','','','')">
<input type="hidden" name="html_enabled" value="1" />
<input type="hidden" name="subject" value="Kontakt von www.bla-blubb.info" />
<input type="hidden" name="recipient" value="74567e6412:lpGZkL+Imp3Sj42Qm4qFmpGL0Zua" /><!--value aus contentelement: mail-form übernehmen-->
<input type="hidden" name="locationData" value="77:tt_content:74" /><!--pageid:tt_content:id des HTML-CONTENTELEMENTES-->

<div class="mail_main">

	<div style="float:left; width:50%;">

		<div style="background:#ffffff;">
			<div style="">Firma / Institution</div>
			<div style=""><input class="mail_input" type="text" name="company" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">Vorname</div>
			<div style=""><input class="mail_input" type="text" name="name" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">Name</div>
			<div style=""><input class="mail_input" type="text" name="name_2" value="" /></div>
		</div>
		
		<div style="background:#ffffff;">
			<div style="">Straße, Nr.</div>
			<div style=""><input class="mail_input" type="text" name="street_no" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">PLZ</div>
			<div style=""><input class="mail_input" type="text" name="zip" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="">Ort</div>
			<div style=""><input class="mail_input" type="text" name="city" value="" /></div>
		</div>

		<div style="background:#ffffff;">
			<div style="padding:2px;">* Pflichtfelder</div>
		</div>

	</div>

	<div style="float:right; width:50%;">

		<div style="float:right;background:#ffffff;">
			<div style="">Telefon</div>
			<div style=""><input class="mail_input" type="text" name="phone" value="" /></div>
		</div>

		<div style="float:right;background:#ffffff;">
			<div style="">Telefax</div>
			<div style=""><input class="mail_input" type="text" name="fax" value="" /></div>
		</div>

		<div style="float:right;background:#ffffff;">
			<div style="">E-Mail</div>
			<div style=""><input class="mail_input" type="text" name="email" value="" /></div>
		</div>


		<div style="float:right;background:#ffffff;">
			<div style="">Ihre Nachricht</div>
			<div style=""><textarea class="mail_textarea" name="message" cols="20" rows="5"></textarea></div>
		</div>

		<div style="background:#ffffff;">
			<div style="float:right;"><input class="submit" type="submit" name="formtype_mail" id="submit_button" value="Absenden"></div>
		</div>

	</div>

</div>
</form>
```

### [#5](https://www.typo3.net/d/21744-kontaktformular-elemente-anders-anordnen/5) · webdeveloper · 2005-04-24

Wenn's darum geht, Formularelemente nebeneinander darzustellen, kannst du auch ein "," setzen.

z.b.

```plaintext
Feld1: | *feld1=select | --- Bitte auswählen ---, Nummer 1, Nummer 2
```

Ist zwar hier für eine Auswahlbox, sollte aber auch für Inputs gelten. Setze deine Felder/Radiobuttons mit einem "," nebeneinander...

---

Quelle: „Kontaktformular / Elemente anders anordnen“, typo3.net, https://www.typo3.net/d/21744-kontaktformular-elemente-anders-anordnen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.