Lösung 2020-Wi-FIS-A2

2.1 Form-Tag Attribute

action: Ziel-URL zum Aufruf des Server-Skripts oder Browser-Skripts.

method: Übertragungsart der Formulardaten zum Skript. Bei GET werden die Daten in der URL übermittelt, bei POST im Protokollheader.

2.2 Bedingungen für starkes Kennwort

Großer Vorrat an unterschiedlichen Zeichen
Enthält: Groß-/Kleinbuchstaben, Zahlen, Sonderzeichen
Kommt in keinem Wörterbuch vor (nicht lexikalisch)
Hat eine Mindestlänge (welche?)

2.3 HTTPS vs. HTTP

Vorteile HTTPS:

Durch Verschlüsselung können auf der Übertragungsstrecke die Daten nicht mitgelesen werden.
Durch Zertifikate kann die Authentizität des Servers überprüft werden.

Nachteil:

Die Ver- und Entschlüsselung erhöht den Rechenaufwand auf beiden Seiten.

2.4 HTML-Formular

Quellcode [formular.html]

<!DOCTYPE HTML>
<html lang="de">
  <head>
    <meta charset="UTF-8">
    <title>Datenbankeingabe</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
body {
  font-family: Arial, Helvetica, sans-serif;
}
</style>
  </head>
 
  <body>
    <h1>Huber und Sohn OHG</h1>
    <form action="eingabe.pl" method="post">
      <p>
        <label for="kname">Name: </label>
        <input type="text" id="kname" name="kundenname">
      </p>
      <p>
        <label for="abteilung">Abteilung: </label>
        <select id="abteilung" name="abteilung" size="1">
          <option selected value="km">kaufmännische</option>
          <option value="qs">QS</option>
          <option value="si">Systemintegration</option>
          <option value="ae">Anwendungsentwicklung</option>
        </select>
      </p>
      <p> Mitarbeiterstatus
        <input type="radio" id="intern" name="system" value="int" checked>
        <label for="intern">Intern</label>
        <input type="radio" id="extern" name="system" value="ext" >
        <label for="extern">Extern</label>
      </p>
      <p>
        <label for="kw">Kennwort: </label>
        <input type="passwort" id="kw" name="passwort">
      </p>
      <p>
        <button type="submit">Abschicken</button>
        <button type="reset">Werte zurücksetzen</button>
      </p>
    </form>
  </body>
</html>

Formular anschauen: formular.html