Live-Beispiel

Powermail-Plugin-Überschrift

Powermail-Test-Formular

Powermail-Test-Seite 1

Ein Textfeld
(und hier ein Link zu einem PDF) (erforderlich)

Ein Textfeld ohne Placeholder (erforderlich)

Ein mehrzeiliges Textfeld (erforderlich)

ein vorausgefüllter Wert fürs mehrzeilige Textfeld

Dropdown-Einfach-Auswahl (select), vorausgewählt
(beachten: HTML5-Spezifikation verlangt für "Mandatory-Single-Select-Inputs", dass eine erste Option ohne "value"-Wert, aber mit Label existiert) (erforderlich)

(Auswahl erforderlich)Option EinsOption Zwei (vorausgewählt)Option Drei

Dropdown-Einfach-Auswahl (select), nichts vorausgewählt
(beachten: HTML5-Spezifikation verlangt für "Mandatory-Single-Select-Inputs", dass eine erste Option ohne "value"-Wert, aber mit Label existiert) (erforderlich)

(Auswahl erforderlich)Option fooOption barOption baz

Mehrfachauswahl, vorausgewählt
(und hier ein Link zu einem PDF) (erforderlich)

Übernachtung (vorausgewählt)

Frühstück

Abendessen

Entertainment

Mehrfachauswahl, nichts vorausgewählt (erforderlich)

Artikel 1

Artikel 2

Artikel 3

Einfachauswahl (Radiobuttons), vorausgewählt (erforderlich)

Unspezifiziert

Mann

Frau

Divers

Einfachauswahl (Radiobuttons), nichts vorausgewählt (erforderlich)

E-Mail-Kontakt bevorzugt

Telefon-Kontakt bevorzugt

postalischer Kontakt bevorzugt

Powermail-Test-Seite 2

Textfeld mit E-Mail-Validierung uns Formularausfüller-E-Mail-Adresse (erforderlich)

Textfeld mit Formularausfüller-Name (erforderlich)

Textfeld mit URL-Validierung (erforderlich)

Textfeld mit Telefonnummer-Validierung

Datei-Upload

Captcha (lösen Sie die Rechenaufgabe)

AGB (erforderlich)

Ich stimme der Speicherung dieser Daten entsprechend der Datenschutzerklärung von GESIS zu.

HTML-Quelltext

<header>
  <h1 class="">
    Powermail-Plugin-Überschrift 
  </h1>
</header>
<div class="tx-powermail">
  <div class="container-fluid">
    <form data-powermail-validate="data-powermail-validate" data-validate="html5" enctype="multipart/form-data" name="field" class="powermail_form powermail_form_151 " action="/styleguide/widgets/formulare?tx_powermail_pi1%5Baction%5D=confirmation&amp;tx_powermail_pi1%5Bcontroller%5D=Form&amp;cHash=9ad83549003f63f42fe64d55d683e5b5#c104851" method="post">
      <div>
        <input type="hidden" name="tx_powermail_pi1[__referrer][@extension]" value="Powermail" />
        <input type="hidden" name="tx_powermail_pi1[__referrer][@controller]" value="Form" />
        <input type="hidden" name="tx_powermail_pi1[__referrer][@action]" value="form" />
        <input type="hidden" name="tx_powermail_pi1[__referrer][arguments]" value="YTowOnt983b1f8cbfd0142104db9623c8de6b710f2b1544f" />
        <input type="hidden" name="tx_powermail_pi1[__referrer][@request]" value="{&quot;@extension&quot;:&quot;Powermail&quot;,&quot;@controller&quot;:&quot;Form&quot;,&quot;@action&quot;:&quot;form&quot;}5dbd3dee4c7be5d9e925e9ebb33a61af3df8e62a" />
        <input type="hidden" name="tx_powermail_pi1[__trustedProperties]" value="{&quot;field&quot;:{&quot;textfeld-einfach&quot;:1,&quot;textfeld-ohne-placeholder&quot;:1,&quot;marker&quot;:1,&quot;marker_01&quot;:1,&quot;dropdown_einfach_auswahlselectnichtsvorausgewaehltbrbeachtenhtml5_spezifikationverlangtfuermandatory_single_select_inputsdasseineersteoptionohnevalue_wertabermitlabelexistiert&quot;:1,&quot;marker_02&quot;:[1,1,1,1],&quot;mehrfachauswahlnichtsvorausgewaehlt&quot;:[1,1,1],&quot;marker_03&quot;:1,&quot;einfachauswahlradiobuttonsnichtsvorausgewaehlt&quot;:1,&quot;marker_04&quot;:1,&quot;textfeldmitformularausfueller_name&quot;:1,&quot;textfeldmiturl_validierung&quot;:1,&quot;textfeldmittelefonnummer_validierung&quot;:1,&quot;marker_08&quot;:{&quot;name&quot;:[1],&quot;type&quot;:[1],&quot;tmp_name&quot;:[1],&quot;error&quot;:[1],&quot;size&quot;:[1]},&quot;marker_05&quot;:1,&quot;agb&quot;:[1]},&quot;mail&quot;:{&quot;form&quot;:1}}a5ad5229d2472c0ac1def74b6e3dab9ef5bceab5" />
      </div>
      <h3>
        Powermail-Test-Formular
      </h3>
      <fieldset class="powermail_fieldset powermail_fieldset_442 ">
        <legend class="powermail_legend">Powermail-Test-Seite 1</legend>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_input powermail_fieldwrap_textfeld-einfach ">
          <label for="powermail_field_textfeld-einfach" class="powermail_label" title="Beschreibung für Textfeld">
            Ein Textfeld
            <br />
            (und hier ein <a href="/fileadmin/upload/institut/Datenschutz/GESIS_Datenschutz-Information_2018_05_30.pdf" target="_blank">Link zu einem PDF</a>)
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <input required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" placeholder="Ein Placeholder für das Textfeld" class="powermail_input " id="powermail_field_textfeld-einfach" type="text" name="tx_powermail_pi1[field][textfeld-einfach]" value="" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_input powermail_fieldwrap_textfeld-ohne-placeholder ">
          <label for="powermail_field_textfeld-ohne-placeholder" class="powermail_label" title="">
            Ein Textfeld ohne Placeholder
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <input required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" class="powermail_input " id="powermail_field_textfeld-ohne-placeholder" type="text" name="tx_powermail_pi1[field][textfeld-ohne-placeholder]" value="" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_textarea powermail_fieldwrap_marker ">
          <label for="powermail_field_marker" class="powermail_label" title="">
            Ein mehrzeiliges Textfeld
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <textarea required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" rows="5" cols="20" class="powermail_textarea " id="powermail_field_marker" name="tx_powermail_pi1[field][marker]">ein vorausgefüllter Wert fürs mehrzeilige Textfeld</textarea>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_select powermail_fieldwrap_marker_01 ">
          <label for="powermail_field_marker_01" class="powermail_label" title="">
            Dropdown-Einfach-Auswahl (select), vorausgewählt
            <br />
            (beachten: HTML5-Spezifikation verlangt für "Mandatory-Single-Select-Inputs", dass eine erste Option ohne "value"-Wert, aber mit Label existiert)
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <select required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" class="powermail_select " id="powermail_field_marker_01" name="tx_powermail_pi1[field][marker_01]">
              <option value="">(Auswahl erforderlich)</option>
              <option value="option-1">Option Eins</option>
              <option value="option-2" selected="selected">Option Zwei (vorausgewählt)</option>
              <option value="option-3">Option Drei</option>
            </select>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_select powermail_fieldwrap_dropdown_einfach_auswahlselectnichtsvorausgewaehltbrbeachtenhtml5_spezifikationverlangtfuermandatory_single_select_inputsdasseineersteoptionohnevalue_wertabermitlabelexistiert ">
          <label for="powermail_field_dropdown_einfach_auswahlselectnichtsvorausgewaehltbrbeachtenhtml5_spezifikationverlangtfuermandatory_single_select_inputsdasseineersteoptionohnevalue_wertabermitlabelexistiert" class="powermail_label" title="">
            Dropdown-Einfach-Auswahl (select), nichts vorausgewählt
            <br />
            (beachten: HTML5-Spezifikation verlangt für "Mandatory-Single-Select-Inputs", dass eine erste Option ohne "value"-Wert, aber mit Label existiert)
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <select required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" class="powermail_select " id="powermail_field_dropdown_einfach_auswahlselectnichtsvorausgewaehltbrbeachtenhtml5_spezifikationverlangtfuermandatory_single_select_inputsdasseineersteoptionohnevalue_wertabermitlabelexistiert" name="tx_powermail_pi1[field][dropdown_einfach_auswahlselectnichtsvorausgewaehltbrbeachtenhtml5_spezifikationverlangtfuermandatory_single_select_inputsdasseineersteoptionohnevalue_wertabermitlabelexistiert]">
              <option value="">(Auswahl erforderlich)</option>
              <option value="option-foo">Option foo</option>
              <option value="option-bar">Option bar</option>
              <option value="option-baz">Option baz</option>
            </select>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_check powermail_fieldwrap_marker_02 ">
          <label id="powermail_field_marker_02_label" class="powermail_label" title="Eine Beschreibung zur Mehrfachauswahl">
            Mehrfachauswahl, vorausgewählt
            <br />
            (und hier ein <a href="/fileadmin/upload/institut/Datenschutz/GESIS_Datenschutz-Information_2018_05_30.pdf" target="_blank">Link zu einem PDF</a>)
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field" role="group" aria-labelledby="powermail_field_marker_02_label">
            <div class="checkbox ">
              <label>
                <input type="hidden" name="tx_powermail_pi1[field][marker_02]" value="" />
                <input data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-required="true" aria-required="true" data-powermail-errors-container=".powermail_field_error_container_marker_02" data-powermail-class-handler=".powermail_fieldwrap_marker_02 &gt; div &gt; div" data-powermail-multiple="marker_02" class="powermail_checkbox powermail_checkbox_1815" id="powermail_field_marker_02_1" type="checkbox" name="tx_powermail_pi1[field][marker_02][]" value="include-sleepover" checked="checked" />
                <span>
Übernachtung (vorausgewählt)
</span>
              </label>
            </div>
            <div class="checkbox ">
              <label>
                <input data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-required="true" aria-required="true" data-powermail-errors-container=".powermail_field_error_container_marker_02" data-powermail-class-handler=".powermail_fieldwrap_marker_02 &gt; div &gt; div" data-powermail-multiple="marker_02" class="powermail_checkbox powermail_checkbox_1815" id="powermail_field_marker_02_2" type="checkbox" name="tx_powermail_pi1[field][marker_02][]" value="include-breakfast" checked="checked" />
                <span>
Frühstück
</span>
              </label>
            </div>
            <div class="checkbox ">
              <label>
                <input data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-required="true" aria-required="true" data-powermail-errors-container=".powermail_field_error_container_marker_02" data-powermail-class-handler=".powermail_fieldwrap_marker_02 &gt; div &gt; div" data-powermail-multiple="marker_02" class="powermail_checkbox powermail_checkbox_1815" id="powermail_field_marker_02_3" type="checkbox" name="tx_powermail_pi1[field][marker_02][]" value="include-dinner" />
                <span>
Abendessen
</span>
              </label>
            </div>
            <div class="checkbox ">
              <label>
                <input data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-required="true" aria-required="true" data-powermail-errors-container=".powermail_field_error_container_marker_02" data-powermail-class-handler=".powermail_fieldwrap_marker_02 &gt; div &gt; div" data-powermail-multiple="marker_02" class="powermail_checkbox powermail_checkbox_1815" id="powermail_field_marker_02_4" type="checkbox" name="tx_powermail_pi1[field][marker_02][]" value="include-entertainment" />
                <span>
Entertainment
</span>
              </label>
            </div>
            <div class="powermail_field_error_container powermail_field_error_container_marker_02"></div>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_check powermail_fieldwrap_mehrfachauswahlnichtsvorausgewaehlt ">
          <label id="powermail_field_mehrfachauswahlnichtsvorausgewaehlt_label" class="powermail_label" title="">
            Mehrfachauswahl, nichts vorausgewählt
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field" role="group" aria-labelledby="powermail_field_mehrfachauswahlnichtsvorausgewaehlt_label">
            <div class="checkbox ">
              <label>
                <input type="hidden" name="tx_powermail_pi1[field][mehrfachauswahlnichtsvorausgewaehlt]" value="" />
                <input data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-required="true" aria-required="true" data-powermail-errors-container=".powermail_field_error_container_mehrfachauswahlnichtsvorausgewaehlt" data-powermail-class-handler=".powermail_fieldwrap_mehrfachauswahlnichtsvorausgewaehlt &gt; div &gt; div" data-powermail-multiple="mehrfachauswahlnichtsvorausgewaehlt" class="powermail_checkbox powermail_checkbox_2066" id="powermail_field_mehrfachauswahlnichtsvorausgewaehlt_1" type="checkbox" name="tx_powermail_pi1[field][mehrfachauswahlnichtsvorausgewaehlt][]" value="article-1" />
                <span>
Artikel 1
</span>
              </label>
            </div>
            <div class="checkbox ">
              <label>
                <input data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-required="true" aria-required="true" data-powermail-errors-container=".powermail_field_error_container_mehrfachauswahlnichtsvorausgewaehlt" data-powermail-class-handler=".powermail_fieldwrap_mehrfachauswahlnichtsvorausgewaehlt &gt; div &gt; div" data-powermail-multiple="mehrfachauswahlnichtsvorausgewaehlt" class="powermail_checkbox powermail_checkbox_2066" id="powermail_field_mehrfachauswahlnichtsvorausgewaehlt_2" type="checkbox" name="tx_powermail_pi1[field][mehrfachauswahlnichtsvorausgewaehlt][]" value="article-2" />
                <span>
Artikel 2
</span>
              </label>
            </div>
            <div class="checkbox ">
              <label>
                <input data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-required="true" aria-required="true" data-powermail-errors-container=".powermail_field_error_container_mehrfachauswahlnichtsvorausgewaehlt" data-powermail-class-handler=".powermail_fieldwrap_mehrfachauswahlnichtsvorausgewaehlt &gt; div &gt; div" data-powermail-multiple="mehrfachauswahlnichtsvorausgewaehlt" class="powermail_checkbox powermail_checkbox_2066" id="powermail_field_mehrfachauswahlnichtsvorausgewaehlt_3" type="checkbox" name="tx_powermail_pi1[field][mehrfachauswahlnichtsvorausgewaehlt][]" value="article-3" />
                <span>
Artikel 3
</span>
              </label>
            </div>
            <div class="powermail_field_error_container powermail_field_error_container_mehrfachauswahlnichtsvorausgewaehlt"></div>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_radio powermail_fieldwrap_marker_03 ">
          <label id="powermail_field_marker_03_label" class="powermail_label" title="Beschreibung für Einfachauswahl">
            Einfachauswahl (Radiobuttons), vorausgewählt
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field" role="radiogroup" aria-labelledby="powermail_field_marker_03_label">
            <div class="radio ">
              <label>
                <input required="required" aria-required="true" data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_marker_03" data-powermail-class-handler=".powermail_fieldwrap_marker_03 &gt; div &gt; div" class="powermail_radio" id="powermail_field_marker_03_1" type="radio" name="tx_powermail_pi1[field][marker_03]" value="is-unspecified" checked="checked" />
                <span>
Unspezifiziert
</span>
              </label>
            </div>
            <div class="radio ">
              <label>
                <input required="required" aria-required="true" data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_marker_03" data-powermail-class-handler=".powermail_fieldwrap_marker_03 &gt; div &gt; div" class="powermail_radio" id="powermail_field_marker_03_2" type="radio" name="tx_powermail_pi1[field][marker_03]" value="is-man" />
                <span>
Mann
</span>
              </label>
            </div>
            <div class="radio ">
              <label>
                <input required="required" aria-required="true" data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_marker_03" data-powermail-class-handler=".powermail_fieldwrap_marker_03 &gt; div &gt; div" class="powermail_radio" id="powermail_field_marker_03_3" type="radio" name="tx_powermail_pi1[field][marker_03]" value="is-woman" />
                <span>
Frau
</span>
              </label>
            </div>
            <div class="radio ">
              <label>
                <input required="required" aria-required="true" data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_marker_03" data-powermail-class-handler=".powermail_fieldwrap_marker_03 &gt; div &gt; div" class="powermail_radio" id="powermail_field_marker_03_4" type="radio" name="tx_powermail_pi1[field][marker_03]" value="is-diverse" />
                <span>
Divers
</span>
              </label>
            </div>
            <div class="powermail_field_error_container powermail_field_error_container_marker_03"></div>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_radio powermail_fieldwrap_einfachauswahlradiobuttonsnichtsvorausgewaehlt ">
          <label id="powermail_field_einfachauswahlradiobuttonsnichtsvorausgewaehlt_label" class="powermail_label" title="">
            Einfachauswahl (Radiobuttons), nichts vorausgewählt
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field" role="radiogroup" aria-labelledby="powermail_field_einfachauswahlradiobuttonsnichtsvorausgewaehlt_label">
            <div class="radio ">
              <label>
                <input required="required" aria-required="true" data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_einfachauswahlradiobuttonsnichtsvorausgewaehlt" data-powermail-class-handler=".powermail_fieldwrap_einfachauswahlradiobuttonsnichtsvorausgewaehlt &gt; div &gt; div" class="powermail_radio" id="powermail_field_einfachauswahlradiobuttonsnichtsvorausgewaehlt_1" type="radio" name="tx_powermail_pi1[field][einfachauswahlradiobuttonsnichtsvorausgewaehlt]" value="prefers-email" />
                <span>
E-Mail-Kontakt bevorzugt
</span>
              </label>
            </div>
            <div class="radio ">
              <label>
                <input required="required" aria-required="true" data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_einfachauswahlradiobuttonsnichtsvorausgewaehlt" data-powermail-class-handler=".powermail_fieldwrap_einfachauswahlradiobuttonsnichtsvorausgewaehlt &gt; div &gt; div" class="powermail_radio" id="powermail_field_einfachauswahlradiobuttonsnichtsvorausgewaehlt_2" type="radio" name="tx_powermail_pi1[field][einfachauswahlradiobuttonsnichtsvorausgewaehlt]" value="prefers-phone" />
                <span>
Telefon-Kontakt bevorzugt
</span>
              </label>
            </div>
            <div class="radio ">
              <label>
                <input required="required" aria-required="true" data-powermail-required-message="Eines dieser Felder muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_einfachauswahlradiobuttonsnichtsvorausgewaehlt" data-powermail-class-handler=".powermail_fieldwrap_einfachauswahlradiobuttonsnichtsvorausgewaehlt &gt; div &gt; div" class="powermail_radio" id="powermail_field_einfachauswahlradiobuttonsnichtsvorausgewaehlt_3" type="radio" name="tx_powermail_pi1[field][einfachauswahlradiobuttonsnichtsvorausgewaehlt]" value="prefers-snailmail" />
                <span>
postalischer Kontakt bevorzugt
</span>
              </label>
            </div>
            <div class="powermail_field_error_container powermail_field_error_container_einfachauswahlradiobuttonsnichtsvorausgewaehlt"></div>
          </div>
        </div>
      </fieldset>
      <fieldset class="powermail_fieldset powermail_fieldset_443 ">
        <legend class="powermail_legend">Powermail-Test-Seite 2</legend>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_input powermail_fieldwrap_marker_04 ">
          <label for="powermail_field_marker_04" class="powermail_label" title="">
            Textfeld mit E-Mail-Validierung uns Formularausfüller-E-Mail-Adresse
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <input required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" data-powermail-error-message="Keine gültige E-Mail-Adresse!" placeholder="email@example.com" class="powermail_input " id="powermail_field_marker_04" type="email" name="tx_powermail_pi1[field][marker_04]" value="" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_input powermail_fieldwrap_textfeldmitformularausfueller_name ">
          <label for="powermail_field_textfeldmitformularausfueller_name" class="powermail_label" title="">
            Textfeld mit Formularausfüller-Name
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <input required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" placeholder="Vorname Nachname" class="powermail_input " id="powermail_field_textfeldmitformularausfueller_name" type="text" name="tx_powermail_pi1[field][textfeldmitformularausfueller_name]" value="" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_input powermail_fieldwrap_textfeldmiturl_validierung ">
          <label for="powermail_field_textfeldmiturl_validierung" class="powermail_label" title="">
            Textfeld mit URL-Validierung
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field">
            <input required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" data-powermail-error-message="Keine gültige URL!" placeholder="https://www.example.com/ein-pfad" class="powermail_input " id="powermail_field_textfeldmiturl_validierung" type="url" name="tx_powermail_pi1[field][textfeldmiturl_validierung]" value="" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_input powermail_fieldwrap_textfeldmittelefonnummer_validierung ">
          <label for="powermail_field_textfeldmittelefonnummer_validierung" class="powermail_label" title=""> Textfeld mit Telefonnummer-Validierung </label>
          <div class="powermail_field">
            <input pattern="^(\+\d{1,4}|0+\d{1,5}|\(\d{1,5})[\d\s\/\(\)-]*\d+$" data-powermail-error-message="Keine gültige Telefonnummer!" placeholder="Formatierungsbeispiele: 05444 347687-350 oder +49 5444 347687 350 " class="powermail_input " id="powermail_field_textfeldmittelefonnummer_validierung" type="tel" name="tx_powermail_pi1[field][textfeldmittelefonnummer_validierung]" value="" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_file powermail_fieldwrap_marker_08 ">
          <label for="powermail_field_marker_08" class="powermail_label" title=""> Datei-Upload </label>
          <div class="powermail_field">
            <input accept=".jpg,.png,.pdf" data-powermail-powermailfilesize="10485760,marker_08" data-powermail-powermailfilesize-message="Diese Datei ist zu groß!" data-powermail-powermailfileextensions="marker_08" data-powermail-powermailfileextensions-message="Dateien mit dieser Erweiterung dürfen nicht hochgeladen werden!" class="powermail_file " id="powermail_field_marker_08" type="file" name="tx_powermail_pi1[field][marker_08][]" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_captcha powermail_fieldwrap_marker_05 ">
          <label for="powermail_field_marker_05" class="powermail_label" title="Lösen Sie die angezeigte Berechnung"> Captcha (lösen Sie die Rechenaufgabe) </label>
          <div class="powermail_field ">
            <input required="required" data-powermail-errors-container=".powermail_field_error_container_marker_05" data-powermail-class-handler="#powermail_field_marker_05" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" class="powermail_captcha " id="powermail_field_marker_05" type="text" name="tx_powermail_pi1[field][marker_05]" value="" />
            <img src="typo3temp/assets/tx_powermail/Captcha1821.png?hash=xJkmp0rD" alt="captcha" class="powermail_captchaimage" id="powermail_captchaimage" />
            <div class="powermail_field_error_container powermail_field_error_container_marker_05"></div>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_check powermail_fieldwrap_agb ">
          <label id="powermail_field_agb_label" class="powermail_label" title="">
            AGB
            <span class="mandatory"> (<em>erforderlich</em></span>
            ) 
          </label>
          <div class="powermail_field" role="group" aria-labelledby="powermail_field_agb_label">
            <div class="checkbox ">
              <label>
                <input type="hidden" name="tx_powermail_pi1[field][agb]" value="" />
                <input required="required" aria-required="true" data-powermail-required-message="Dieses Feld muss ausgefüllt werden!" data-powermail-errors-container=".powermail_field_error_container_agb" data-powermail-class-handler=".powermail_fieldwrap_agb &gt; div &gt; div" class="powermail_checkbox powermail_checkbox_1824" id="powermail_field_agb_1" type="checkbox" name="tx_powermail_pi1[field][agb][]" value="has-accepted-data-policy" />
                <span>
Ich stimme der Speicherung dieser Daten entsprechend der <a target="_blank" href="/institut/datenschutz">Datenschutzerklärung von GESIS</a> zu.
</span>
              </label>
            </div>
            <div class="powermail_field_error_container powermail_field_error_container_agb"></div>
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_reset powermail_fieldwrap_marker_06 ">
          <div class="powermail_field ">
            <input type="reset" value="Zurücksetzen-Button" class="powermail_reset btn btn-primary btn-danger" />
          </div>
        </div>
        <div class="powermail_fieldwrap powermail_fieldwrap_type_submit powermail_fieldwrap_marker_07 ">
          <div class="powermail_field ">
            <input class="powermail_submit" type="submit" value="Abschicken-Button" />
          </div>
        </div>
      </fieldset>
      <input class="powermail_form_uid" type="hidden" name="tx_powermail_pi1[mail][form]" value="151" />
    </form>
  </div>
</div>