Glengamoi (Forum) · AspHeute · .NET Heute (RSS-Suche) · AspxFiles (Wiki) · .NET Blogs

AutoCompletion für Web Formulare

Geschrieben von: Christoph Wille
Kategorie: ASP Grundlagen

This printed page brought to you by AlphaSierraPapa

Heute habe ich mir erlaubt, ein Nicht-ASP Thema auszuwählen, das jedoch sehr viel mit ASP Programmierung zu tun hat: das automatische Ausfüllen von Web Formularen mit Hilfe des AutoComplete Features von Internet Explorer 5.x.

Ich bin mir sicher, daß jeder schon einmal folgendes erlebt hat: er beginnt zu tippen, und es öffnet sich eine Liste von Einträgen, die für das Formularfeld sinnvoll sind. Ein Beispiel zeigt der folgende Screenshot:

Der Zauber wird durch das AutoComplete Feature von Internet Explorer ermöglicht, das sich Einträge in gleichnamigen Feldern merkt, und beim nächsten Aufruf wieder zur Verfügung stellt. AutoComplete basierend auf dem Namen des Feldes funktioniert nur für eine Site - aus Sicherheitsgründen.

Allerdings werden einige schon gesehen haben, daß bestimmte Informationen auch auf völlig fremden Sites angezeigt werden, zB die Emailadresse die man irgendwo schon einmal eingetippt hat. Der Grund ist, daß es einen Standard gibt, wie man Formularfelder "tagged" welche Informationen sie beinhalten sollen.

Das VCARD_NAME Attribut

Wenn man also ein Formular bauen möchte, das dem Benutzer möglichst viel Tipparbeit abnimmt, dann sollte man sich mit dem VCARD_NAME Attribut der INPUT Text bzw. Password Felder anfreunden. Dieses basiert auf dem Standard der "virtuellen Business Card" vCard, welche definierte Feldnamen hat, zB vCard.Email.

Der folgende Code zeigt ein absolut minimales Formular zur automatisierten Eingabe der Emailadresse des Benutzers. Den Screenshot kennen Sie ja bereits.

<html>
<head>
<title></title>
</head>
<body>

<form>
Emailadresse: 
  <INPUT TYPE="TEXT" NAME="txtEmail" VCARD_NAME="vCard.Email">
</form>

</body>
</html>

Mit dieser Änderung habe ich erreicht, daß der Kunde, falls er auf meiner Site oder einer anderen bereits ein Formular mit diesem VCARD_NAME Attribut ausgefüllt hat, eine Liste seiner bisherigen Antworten zur Auswahl präsentiert bekommt. Erspart Tipparbeit, erleichtert und beschleunigt das Eingeben von Formularen, bringt zufriedenere (und mehr) Kunden.

Die gesamte Liste an möglichen Werten für VCARD_NAME findet sich im Web Workshop bei Microsoft unter folgendem Topic: VCARD_NAME Attribute | vcard_name Property.

AutoComplete verhindern

Bereits erwähnt habe ich, daß sobald ein Feld auf einer Site einmal ausgefüllt wurde, der User beim nächsten Eintippen seine vorherigen Auswahlen präsentiert bekommt. Manches Mal ist das nicht sinnvoll, zum Beispiel bei der Eingabe eines Passwortes. In diesem Fall kann man AutoComplete für das Feld abschalten:

<INPUT TYPE="PASSWORD" NAME="MySecretPwd" AUTOCOMPLETE="off">

Natürlich kann man AutoComplete auch gleich für das gesamte Formular abschalten:

<form AUTOCOMPLETE = "off">
...
</form>

Einstellungen für AutoComplete

Der Benutzer hat natürlich auch ein gerüttelt Maß an Einfluß auf das Verhalten und die Funktion von AutoComplete. Er kann unter Tools/Internet Options im Tab Content die Einstellungen für AutoComplete aufrufen.

Die Dialogbox, die der Benutzer dann präsentiert bekommt, ist folgende:

Die für uns Programmierer interessanteste Einstellung ist Forms. Ist das nicht ausgewählt, hilft die schönste Codierung mit VCARD_NAME exakt gar nichts. Obwohl zwar wahrscheinlich fast jeder Benutzer AutoComplete eingeschaltet hat, sollte man ein kleines Tutorial auf der Website ablegen, das die Vorteile und das Einschalten von AutoComplete erläutert.

Schlußbemerkung

Obwohl ich heute keine Zeile ASP Code gezeigt habe, sind vCards doch ein wichtiges Thema bei der Erstellung von benutzerfreundlichen Formularen.

This printed page brought to you by AlphaSierraPapa

Links zu anderen Sites

vCard Standard
http://www.imc.org/pdi/
VCARD_NAME Attributwerte
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/vcard_name.asp