TYPO3 – FORM via typoscript aufbauen und ausgeben

Seit der TYPO3 Version 7.6 funktioniert das FORM Object nun besser und ich verwende es ab und zu via TypoScript. Daher möchte ich Euch eine Grund-Beispiel-Formular zeigen.
Hier gibt es eine grobe TYPO3 FORM Anleitung:
https://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Form/Index.html

Hier geht es zum TypoScript Form Beispiel:

lib {  
  mailformDetail = FORM
  mailformDetail {
    # https://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Form.html
    enctype = multipart/form-data
    method = post
    absolute = 0
    addQueryString = 1
    argumentsToBeExcludedFromQueryString =
    prefix = tx_form
    confirmation = 0
    no_cache = 0
    
    form {      
      layout {
        containerWrap (
        <div class="detail-form-inner-wrap">
        <elements />
        </div>
        )
        elementWrap (
        <div class="form-group">
        <element />
        </div>
        )
        form (
        <form>
        <containerWrap />
        </form>
        )
        radio (
        <label />
        <input />
        )
        textarea (
        <label />
        <textarea />
        )
        textline (
        <label />
        <input />
        )
        submit (
        <label />
        <button />
        )
        
        error (
        <span class="error">
        <errorvalue />
        </span>
        )
      }
    }
    
    postProcessor {
      1 = mail
      1 {
        recipientEmail = test@domain.de
        senderEmail = test@domain.de
        
        subject = Kontaktanfrage
        messages {
          success = Vielen Dank für Ihre Anfrage! Wir werden uns umgehend mit Ihnen in Verbindung setzen.
          error = Es ist ein Fehler aufgetreten. Bitte wenden Sie sich an den Kontakt.
        }
      }
    }
    
    10 = TEXTLINE
    10 {
      label {
        value = Vorname, Nachname
      }
      name = firstLastName
      class = form-control framed
      size = 15
      layout (
      <label />
      <input  />
      )
    }
    
    20 = TEXTLINE
    20 {
      type = email
      name = email
      class = form-control framed
      label {
        value = E-Mail
        specialEval = EMAIL
      }
      layout (
      <label />
      <input />
      )
    }
    30 = TEXTAREA
    30 {
      name = message
      rows = 3
      class = form-control framed
      label {
        value = Mitteilung
      }
      layout (
      <label />
      <textarea />
      )
    }
    40 = SUBMIT
    40 {
      name = button
      class = btn framed icon
      type = submit
      value = Absenden
      layout (
      <label />
      <button />
      )
    }
    rules {
      1 = required
      1 {
        showMessage = 1
        message = *
        error = Bitte ausfüllen!
        element = firstLastName
      }
      2 = email
      2 {
        showMessage = 1
        message =
        error = richtige E-Mail!
        element = email
      }
      3 = required
      3 {
        showMessage = 1
        message = *
        error = Bitte ausfüllen!
        element = email
      }
      4 = required
      4 {
        showMessage = 1
        message = *
        error = Bitte ausfüllen!
        element = message
      }
    }
  }
}

So könnt Ihr z.B. auch das Formular via TypoScript in die tx_news Detail-Seite einfügen.

Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar

Hat Euch der Artikel weitergeholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!

Hat Euch der Artikel geholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste.
Vielen Dank!


Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004.
Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.

Besucht auch unser TYPO3 Hilfe Forum.

Leave a Reply

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Next ArticleTYPO3 - Neue CMS Version 6.2.23 und 7.6.7 released