---
title: "Mailform-Labels individuell layouten"
url: "https://www.typo3.net/d/56272-mailform-labels-individuell-layouten"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS"]
created: "2007-01-15"
last_reply: "2007-01-24"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Mailform-Labels individuell layouten

Extensions · 3 Antworten · gestartet 2007-01-15

## Eröffnungsbeitrag

**MCQ** · 2007-01-15 · [Beitrag #1](https://www.typo3.net/d/56272-mailform-labels-individuell-layouten/1)

Zu meinem Problem:

Ich habe ein Standart-Mailform erstellt und möchte nun das es wie folgt aussieht:

Die Angaben Name, Firma, E-Mail und Telefon werden in Eingabefelder untereinander angeordnet und die Nachricht soll in einer textarea rechts neben den feldern eingegeben werden. Soweit kein Problem. Allerding soll über den eingabefeldern sowie über der textarea die zugehören labels angezeigt werden. Und da komm iich nicht weiter. Da die Labels keine extra klassen oder IDs besitzen lässt sich das Label für die Nachricht nicht direkt per css ansprechen. Ergo ich kann das Label "Nachricht" nicht über das Nachrichten-Feld platzieren.

Zu meiner Frage: Wie kann ich den Labels objekt-spezifische klassen zuweisen, das aus

```html
      <div class="csc-mailform-field">
        <label for="mailformNachricht">
          Nachricht:
        </label>
<textarea name="Nachricht" id="mailformNachricht" cols="5" rows="5"></textarea>
      </div>
```

sowas wie

```html
      <div class="csc-mailform-field">
        <label class="label-Nachricht" for="mailformNachricht">
          Nachricht:
        </label>
<textarea name="Nachricht" id="mailformNachricht" cols="5" rows="5"></textarea>
      </div>
```

wird.

Ich hoffe ihr könnt mir helfen.

Gruß MCQ

## Antworten

### [#2](https://www.typo3.net/d/56272-mailform-labels-individuell-layouten/2) · MCQ · 2007-01-15

> You can also use the marker ###COMMENT### which is ALSO the label value inserted

Dieser Satz in der TSRef brachte mich auf folgende Idee:

```typoscript
tt_content.mailform.20.labelWrap.addParams.class=label-###COMMENT###
tt_content.mailform.20.REQ.labelWrap.addParams.class=label-###COMMENT###
```

und so scheint es auch zu funktionieren. Einzigster Nachteil, ich kann das Label nicht mehr mit "Nachricht:" beschriften, sondern nur mit "Nachricht" da CSS-klassen keine Doppelpunkte enthalten dürfen.

Sollte also noch jemannd einen marker kennen, mit dem ich statt des Label-Textes den namen des Feldes einfügen kann, würde ich mich da sehr drüber freuen.

Gruß MCQ

// Edit:

Ich habe gerade noch folgende Zeile hinzugefügt:

```typoscript
tt_content.mailform.20.commentWrap.substring=0,3
```

Damit kann ich (solange das Label mehr als 3 Zeichen hat) auch einen Doppelpunkt am ende setzen.

Ich hoffe irgendjemanndem damit geholfen und das hier nicht umsonst gepostet zu haben  8-)

Gruß MCQ

### [#3](https://www.typo3.net/d/56272-mailform-labels-individuell-layouten/3) · Honk88 · 2007-01-19

Hi,

kleine Anmwerkung noch, wenn ich richtig lese ist auch
das hier eine Lösung :

```html
<div class="deineclasse">hier steht das label </div> | Info1=input,20,20
```

LG
Honk

### [#4](https://www.typo3.net/d/56272-mailform-labels-individuell-layouten/4) · MCQ · 2007-01-24

Mir ging es darum wir ich in **TypoScript** jedem Feld **verschiedene** Klassen geben kann, um ein Feld speziell ansprechen zu können. Was dein Post damit zutun hat is mir nicht ganz klar.

---

Quelle: „Mailform-Labels individuell layouten“, typo3.net, https://www.typo3.net/d/56272-mailform-labels-individuell-layouten
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.