• Dokumentation
• FAQ
• Kurse und Schulungen
• Nützliche Programme
• Alltägliche Aufgaben
• Dokumente erstellen
• Dokumente bearbeiten
• Flexmodule
• Umgang mit der MAM
• Rechte Spalte
• Seiten organisieren
• Anleitungen für Admins
• Imperia Extras
• Betrieb und Nutzung

A – Z | Suche | Kontakt

Was kann dieses Formular?

Mit diesem sehr simplen Formular-Baukasten können Sie den Besuchern Ihrer Seite eine schnelle (ggf anonyme) Kommunikation ermöglichen.

Die Formular-Daten können per Mail verschickt oder in einer CSV-Datei gesammelt werden. Mehr dazu unten.

Wie so ein Formular aussehen kann, sehen Sie im Beispiel unten.

Was kann dieses Formular nicht?

• Kontrollieren, ob ein Feld ausgefüllt wurde.
• Sonstige direkte Interaktion mit dem Benutzer.
• Aus einer Datenbank o.ä. befüllt werden.
• Die Daten weiterverarbeiten.

Diese Punkte (und viele andere) können wir mit diesem einfachen Baukasten auch gar nicht leisten.

Bitte beachten Sie auch unseren Service Lime-Survey, zur Erstellung von Online-Umfragen.

Grundlegendes

• Wenn Sie sich anmelden, bekommen Sie eine E-Mail mit einer Anleitung, Zugangsdaten und einem Formularrahmen. (<form> ...  </form>)
• Wenn Sie eine CSV-Datei anlegen möchten, müssen Sie sich anmelden. Der Transport der Daten erfolgt verschlüsselt. Wenn Sie die Daten abrufen, beachten Sie bitte im eigenen Interesse, dass keine Scriptanweisungen automatisch ausgeführt werden.
• CSV-Dateien oder auch ganze Verzeichnisse können, wenn Sie nicht mehr gebraucht werden, von uns gelöscht werden. Bitte senden Sie und einfach eine E-Mail mit einer Schlüssel-Id des Formulars.
• Wenn die Formulardaten in einer E-Mail versendet werden, können Sie sich anmelden. Der E-Mail-Transfer ist nicht verschlüsselt.
• Das Formular enthält einige Hidden-Felder. Diese werden i. A. nicht dem Benutzer angezeigt und steuern das Verhalten des Formularprogramms.
• Das Entgegennehmen von Formularinformationen ist elektronische Datenverarbeitung. Bitte beachten Sie die gesetzlichen Bestimmungen zum Datenschutz. Die Verantwortung liegt bei Ihnen, da wir die Daten nicht auswerten, sondern nur durchleiten. Die allgemeine Datenschutzerklärung umfasst nicht Ihr Formular. Eine Ergänzung ist notwendig.
• Die Formulare sollten, soweit wie möglich, barrierefrei sein.

Formular anmelden

Formulare anmelden, können Sie hier. Nach dem Ausfüllen bekommen Sie eine E-Mail mit den Anmeldedaten für die CSV-Datei zugesandt und einen Rahmen für das Formular. Wenn Sie die Formulardaten nur als E-Mail bekommen möchten, genügt es auch das Programm generisch_csv.pl mit der Option post einzubauen. In diesem Falle müssen Sie jedoch darauf achten, dass die notwendigen Hidden-Felder gesetzt werden. Diese sind unten beschrieben.

imperia.uni-heidelberg.de/aufgaben/makeformid.html

Formulare in Imperia erzeugen

Den Formularrahmen, der Ihnen per E-Mail zugesandt wurde, können Sie dann per CUT & PASTE in den Quelltext (in das Quellcodefenster im IWE von Imperia) hineinkopieren. In der normalen Editoransicht wird der Rahmen mit einem roten Rand versehen. Alle Formularfelder innerhalb des Rahmens werden von dem Programm beim Abschicken berücksichtigt und in der CSV-Datei gespeichert, wenn sie in den Spalten definiert sind.

Alte Formulare enthalten möglicherweise im Form-Tag die Protokollangabe http. Bitte ändern Sie diese auf https!

Im Editor werden zusätzlich auch die Hidden-Felder angezeigt, damit sie leichter zu bearbeiten sind. In der fertigen Webseite verschwinden dann natürlich der rote Rahmen und die Hidden-Felder. Mit Hilfe der Bearbeitungsfelder  (s. Bild rechts)  lassen sich schnell Formulare erstellen.

Den Formularrahmen können Sie auch für mehrere Formulare benutzen. Bitte beachten Sie dabei aber, dass die Variable CSV_NAME auf einen neuen Dateinamen zeigt, damit nicht beide Formulare in eine Datei schreiben.

Quick and Dirty lässt sich ein solches Formular sehr schnell erzeugen. Sie sollten jedoch auch Screenreader und andere Benutzer im Auge behalten, die bei diese Formularen sehr viele Probleme haben. Mit ein bisschen Aufwand können Sie auch barrierefreie Formulare erzeugen, die keine Hindernisse darstellen.

Um der DSGVO gerecht zu werden, sollten Sie eine Ergänzung der Datenschutzerklärung hinzufügen, weil in der generellen Erklärung nicht beschrieben ist, was Sie mit den Daten, die Sie einsammeln und verarbeiten anstellen, wann sie gelöscht werden etc. Außerdem gilt natürlich der allgemeine Grundsatz, dass Sie nur so wenig Daten wie möglich verarbeiten dürfen.

Tipps und Tricks

Um alle Möglichkeiten von Formularen auszunutzen, sind HTML-Kenntnisse und CSS-Kenntnisse notwendig. Der Editor deckt zwar einen großen Teil bei der Erstellung ab, aber das Nachbearbeiten ist schon wieder sehr mühsam. Falls Sie zudem mit Javascript arbeiten wollen, gibt es auch Möglichkeiten weitere Spielereien einzubauen.

Hidden-Felder verändern

Die Werte und Namen der Hidden-Felder lassen sich im Context-Menü (Rechte Maustaste) einfach bearbeiten. Eine Typ-Änderung hingegen ist nur im Quellcode möglich.

CSV

Diese Variable dürfen Sie nicht ändern, weil das Programm sonst nicht weiß, wohin die Daten geschrieben werden sollen. Fehlt diese Variable oder ist sie falsch, kann keine CSV-Datei geschrieben werden.

CSV_NAME

Enthält den Dateinamen der CSV-Datei, in die die Formulardaten geschrieben werden, wenn Sie eine wünschen. Aus Sicherheitsgründen empfehlen wir, die Datei mit der Endung .txt zu versehen. Damit wird die CSV-Datei im Browser angezeigt. Die Datei darf nur aus mit Semikolon getrennten Eingaben bestehen. Sie haben die Möglichkeit zu überprüfen, ob zusätzliche Angaben enthalten sind, die unerwünscht oder Ihnen nicht bekannt sind. Sie können die Datei abspeichern. (Falls Ihnen suspekt erscheinende Inhalte in der Datei aufgefallen sind, dann sollten Sie diese Inhalte zeilenweise mit einem Editor herauslöschen.) Wenn Sie beim Abspeichern den Dateinamen die Endung statt auf .txt auf .csv enden lassen, dann wird die CSV-Datei von MS Excel oder Libreoffice Calc in Tabellenform dargestellt.

Wenn kein Wert im Formular angegeben ist, dann wird der Wert default.txt genommen. Den mit dem Formularrahmen übermittelten Wert dateiname.txt sollten Sie ändern. Achten Sie bitte darauf, dass der Name wieder mit .txt endet. Falls der Name mit .csv endet, dann wird die Datei sofort von Excel und Calc ausgeführt und Sie haben keine Möglichkeit, bösartigen Code zu entfernen.

Kleiner Tipp, wenn Sie eine Anmeldemaske schreiben, die bis 30.6. einen Platz garantiert, und ab 1.7. eine Warteliste füllt, dann brauchen Sie im Formular am 1.7. nur diesen Variablenwert zu ändern, beispielsweise von anmeldung.txt nach warteliste.txt. Sie können jetzt Ende Juli zwei Dateien in Ihrem passwortgeschützten Ordner abrufen, die die entsprechenden Anmeldedaten enthalten. Den Dateinamen müssen Sie beim Abholen der Daten bei der Anmeldung angeben, weil Sie sich nicht den Ordner auflisten lassen können (Forbidden).

SPALTEN

Alle Elemente des Formulars müssen eindeutige Namen (name="irgendwas") besitzen. Hier geben Sie ein, welche Namen in welcher Reihenfolge in der CSV-Datei bzw. der Mail ausgegeben werden sollen. Z. B. name, vorname, geburtsdatum, geschlecht. Bitte beachten Sie die Groß-und-Klein-Schreibung.

MAILTO

An diese Adresse aus der Uni-Heidelberg sollen die Formulardaten gesendet werden. Wenn keine Adresse angegeben wird, dann wird auch keine Mail versendet.

MAILFROM

Jede E-Mail braucht einen Sender und Empfänger. Dies ist der Sender der Mail. Ist die Variable leer, setzen wir den Sender noreply@uni-heidelberg.de ein. Sicher besser ist es, wenn Sie eine Adresse einsetzen, mit der Sie etwas verbinden. Vielleicht den Autor des Formulars etc. Der nächste Trick ist, nicht nur den Wert zu ändern, sondern den Typ. Wenn Sie statt hidden den Wert text nehmen und denjenigen bitten, der das Formular ausfüllt, seine E-Mail-Adresse in dieses Feld zu setzen, dann bekommen Sie eine Mail, die der Ausfüller scheinbar selbst geschrieben hat. (Am Subjekt können Sie dann immer noch erkennen, dass es vom Formular kommt.) Gerade wenn Sie das Formular als Feedback-Formular benutzen, kann es ja vorkommen, dass Sie dem Sender eine individuelle Mitteilung senden wollen. Dann können Sie direkt aus dem Mail-Programm auf die E-Mail antworten, da ja der Sender im Form-Feld steht.

ANTWORTURL

Diese Variable enthält die URL einer Internetseite. Wenn das Formular ausgefüllt und abgeschickt wurde, dann muss irgendeine Seite kommen. Hier können Sie festlegen, welche Seite. „Vielen Dank für die Teilnahme an unsere Umfrage. Hier kommen Sie wieder zu unserem Institut.“, sieht viel besser aus, als eine weiße Seite oder der direkte Link zum Institut. Text können Sie in diese Variable nicht eingeben, sondern nur eine Adresse!!

SUBJECT_FIX

Wir setzen eine Zeichenkette als Wert in dieses Hidden-Feld. Selbstverständlich können Sie diese Variable anpassen. Sie soll dazu dienen, Ihnen zu signalisieren, dass die Mail von diesem Formular kommt. Wählen Sie den Text so, dass er wahrscheinlich nicht in einer normalen Mail-Betreffzeile vorkommt. Sie können dann über den E-Mail-Filter testen, ob die von Ihnen gewählte Zeichenkette im Betreff vorkommt und wenn ja, diese Mail automatisch in einen anderen Mail-Ordner verschieben. So verhindern Sie auch bei einer massiven Nutzung Ihres Formulars, dass Ihr Inbox-Konto mit Formularantworten überlastet wird.

SUBJECT_VAR

Die ebenfalls im Betreff stehende variable Komponente haben wir als Text-Feld angelegt. Falls Sie immer denselbem Text möchten, können Sie diese variable Komponente auch als Hidden-Feld benutzen. Andererseits haben Sie die Möglichkeit, denjenigen, der das Formular ausfüllt, zu bitten, das Betrefffeld selbst auszufüllen. Das ist bei einem Formular machbar mit dem Titel: „Wenn Sie ein Problem haben, dann fragen Sie uns!“. Wohingegen die Hidden-Feld-Methode z. B. bei einem Formular sinnvoll ist, das – wie beim CSV_NAME-Beispiel – zu einem bestimmten Termin umschaltet. Die Mails sollen alle in einen Ordner geleitet werden, trotzdem ist an der Betreffzeile direkt sichtbar, wer auf der Warteliste und wer auf der Anmeldeliste steht.

LAYOUT

Wenn Sie diese Varialble benutzen und auf 1 setzen, dann wird die Mailausgabe zusammengestaucht. Gerade bei kurzen Eingaben macht das Sinn. Wenn Sie als Eingabe längere Texte erwarten, dann lassen Sie diese Variable einfach weg.

SPAM

Wenn Sie alles richtig gemacht haben, und dass Programm Ihnen sagt, dass der Spamschutz nicht korrekt ausgefüllt wurde, dann liegt es an dieser Variablen. Es gibt Web-Crawler, kleine Programme, die nichts besseres zu tun haben, als das Web zu durchsuchen. Immer wenn es ein Formular findet, füllt es alle Felder mit Spam aus und „betätigt“ den Submit-Buttom. Bis jetzt genügt es meistens, sich gegen diese Programme zu schützen, indem man in einem bestimmten Feld eine bestimmte Eingabe fordert. Das das Programm zwar viel kann, aber nicht lesen, weiß es natürlich nicht, welches Feld welche Information benötigt. Deshalb haben wir ein Feld eingebaut, dass als Eingabe 42 verlangt. Wenn Sie den Ausfüller bitten: „Das Ergebnis von 40 + 2“ in das nebenstehende Feld zu schreiben, dann überfordern Sie den Crawler. Bleibt das Feld leer, dann wird es vom Programm abgelehnt.

Beispiel

Sie können hier ausprobieren, wie das Formular arbeitet.

Wenn Sie in dieses Feld Ihre E-Mail-Adresse eingeben, dann sendet das Script die E-Mail an diese Adresse.

An dieser Stelle können Sie die LAYOUT-Variable ändern. Sie können ausprobieren, welche Mail-Ausgabe bei Ihnen am Besten ankommt.

0 (große Abstände)1 (kleine Abstände)2 (HTML pre)3 (HTML table)

Wenn Sie die CSV-Datei anschauen wollen, dann klicken Sie auf den Link. Mit Rechtsklick können Sie die Datei auch speichern. Die Kennung ist testuser und das Passwort ist N7o8wu6Nvu.(Wenn Sie es geschickt anstellen, dann speichert der Browser die CSV-Datei und Sie können sie in Excel so importieren, dass die Umlaute richtig angezeigt werden und die Spaltentrennung beim Semikolon erfolgt.)

Geschlecht:	männlich weiblich
Ihr Favorit (Mehrfache Antworten nicht möglich!)	HeinoMichael JacksonTom WaitsNina HagenMarianne Rosenberg
Wochentag:	Montag Dienstag Mittwoch Donnerstag Freitag Samstag
Ich erwarte eine Antwort
Name:
Vorname:
Betreff:
Eingabe:*
Spamschutz:

<form action="//www.uni-heidelberg.de/cgi-bin/generisch_csv.pl"
    method="post" name="autoform" id="autoform">
      <input type="hidden" value="Ihre E-Mail-Adresse" name="MAILTO">
      <input type="hidden" value="Ihr 10-stelliger Code" name="CSV">
      <input type="hidden" value="dateiname.txt" name="CSV_NAME">
      <input type="hidden" name="SPALTEN" value=
      "name, vorname,  geschlecht,favorit,SUBJECT_VAR,Eingabe">
      <input type="hidden"
      value="Online-Info@urz.uni-heidelberg.de" name="MAILFROM">
      <input type="hidden" value="[Autoform] " name="SUBJECT_FIX">
      <input type="hidden" value="1" name="LAYOUT">
      <input type="hidden" value=
      "//imperia.uni-heidelberg.de/aufgaben/danke.html" name="ANTWORTURL"> 

<!-- Hier müssen ihre Inputfelder eingefügt werden.
     Die folgende Tabelle ist ein Beispiel -->

      <table cellpadding="3px" class="res">
        <tbody>
          <tr>
            <td>
              Geschlecht:
            </td>
            <td>
              <input type="radio" value="m" name="geschlecht" id="geschlecht1">
               <label for="geschlecht1">männlich</label><br>
              <input type="radio" value="w" name="geschlecht" id="geschlecht2">
               <label for="geschlecht2">weiblich</label>
            </td>
          </tr>
          <tr>
            <td>
              <label for="favorit">Ihr Favorit</label>
              <p class="note">(Mehrfache Antworten möglich!)</p>
            </td>
            <td>
              <select name="favorit" multiple size="3" id="favorit">
                <option>
                  Heino
                </option>
                <option>
                  Michael Jackson
                </option>
                <option>
                  Tom Waits
                </option>
                <option>
                  Nina Hagen
                </option>
                <option>
                  Marianne Rosenberg
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td>
              <label for="antwort">Ich erwarte eine Antwort.</label>
            </td>
            <td>
              <input type="checkbox" id="antwort" name="antwort" value="ja">
            </td>
          </tr>
          <tr>
            <td>
              <label for="name">Name:</label>
            </td>
            <td>
              <input type="text" name="name" id="name">
            </td>
          </tr>
          <tr>
            <td>
              <label for="vorname">Vorname:</label>
            </td>
            <td>
              <input type="text" name="vorname" id="vorname">
            </td>
          </tr>
          <tr>
            <td>
              <label for="betreff">Betreff:</label>
            </td>
            <td>
              <input type="text" name="SUBJECT_VAR" id="betreff">
            </td>
          </tr>
          <tr>
            <td>
              <label for="Eingabe">Eingabe:<span style=
              "font-size: 80%; color: rgb(209, 1, 0);">*</span></label>
            </td>
            <td>
              <textarea cols="20" rows="2" name="Eingabe" id="Eingabe">
              </textarea>
            </td>
          </tr>
          <tr>
            <td>
              <label for="SPAM">Spamschutz:
                <script type="text/javascript" src="/md/urz/online/imperia/anti_spam.js"></script>
                <noscript>Geben Sie bitte das Ergebnis von 39 plus 3 ein</noscript>
              </label>
            </td>
            <td>
              <input type="text" id="SPAM" name="SPAM">
            </td>
          </tr>
        </tbody>
      </table>
      <div class="res_submit">
        <input type="submit" class="formbtn" value="Absenden" name="Submit">
      </div>
    </form>