Zuletzt aktualisiert am
25. April 2024
Um in Dreamweaver die Unterstützung von HTML5 fortzusetzen, wurden für einige Formularelemente neue Attribute eingeführt. Darüber hinaus wurden vier gänzlich neue HTML5-Formularelemente eingeführt.
Sie finden diese Formularelemente im Bedienfeld „Einfügen“. Wählen Sie „Fenster“ > „Einfügen“. Wählen Sie im Menü des Bedienfelds „Einfügen“ die Option „Formulare“.
Neue Attribute in Formularelementen
Die folgenden neuen Attribute werden für alle Formelemente verwendet:
- Disabled: Aktivieren Sie diese Option, wenn der Browser das Element deaktivieren soll.
- Required: Aktivieren Sie diese Option, wenn der Browser überprüfen soll, ob ein Wert angegeben wurde.
- Auto complete: Aktivieren Sie diese Option, wenn bei der Eingabe im Browser die Werte automatisch ausgefüllt werden sollen.
- Auto focus: Aktivieren Sie diese Option, wenn beim Laden der Seite der Fokus auf dieses Element gesetzt werden soll.
- Read only: Aktivieren Sie diese Option, um das Element mit Schreibschutz zu versehen.
- Form: Hier können Sie eines oder mehrere Formulare angeben, zu denen ein <input>-Element gehört.
- Name: Eindeutiger Name, mit dem im Code auf das Objekt verwiesen werden kann.
- Place holder: Hinweis, der den erwarteten Wert eines Eingabefelds beschreibt.
- Pattern: Regulärer Ausdruck, mit dem der Wert des Elements überprüft wird.
- Title: Zusätzliche Informationen über ein Element. Wird als QuickInfo angezeigt.
- Tab Index: Die Position des aktuellen Elements in der Tab-Reihenfolge für das aktuelle Dokument.
Formularelemente mit geänderten Attributen
- Form No Validate: Aktivieren Sie diese Option, wenn das Element aus der Formularüberprüfung ausgeschlossen werden soll. Diese Einstellung hat Vorrang vor dem Attribut „No Validate“ auf Formularebene.
- Form Enc Type: Ein MIME-Typ, mit dem der Benutzer-Agent dieses Element beim Senden des Formulars verknüpfen soll.
- Form Target: Kontextname oder Schlüsselwort, welches das Ziel des Steuerelements repräsentiert.
- Accept charset: Die Zeichenkodierung, die beim Senden des Formulars verwendet werden soll.
Anmerkung
Die Hyperlinks zu den verschiedenen Attributen enthalten Informationen über alle Attribute, die in der HTML5-Spezifikation aufgeführt sind. Nicht alle diese Attribute sind im Bedienfeld „Eigenschaften“ vorhanden. Sie können die Codeansicht verwenden, um Attribute hinzuzufügen, die im Bedienfeld nicht vorhanden sind.
HTML5-Formularelemente
| Formularelement | Verfügbar ab | Beschreibung | Beschreibung der Attribute |
| Farbe | 12.2 | Für Eingabefelder, die eine Farbe enthalten. | http://www.w3.org/TR/html-markup/input.color.html |
| Datum | 12.2 | Steuerelement, mit dem der Benutzer ein Datum auswählen kann. | http://www.w3.org/TR/html-markup/input.date.html |
| Datum/Uhrzeit | 12.2 | Ermöglicht es dem Benutzer, Datum und Uhrzeit (sowie die Zeitzone) auszuwählen. | http://www.w3.org/TR/html-markup/input.datetime.html |
| Ortszeit und -datum | 12.2 | Ermöglicht es dem Benutzer, Datum und Uhrzeit (ohne Zeitzone) auszuwählen. | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| Monat | 12.2 | Ermöglicht es dem Benutzer, Monat und Jahr auszuwählen. | http://www.w3.org/TR/html-markup/input.month.html |
| Zahl | 12.2 | Für Felder, die nur Zahlen enthalten sollen. | http://www.w3.org/TR/html-markup/input.number.html |
| Bereich | 12.2 | Für Felder, die Werte aus einem bestimmten Zahlenbereich enthalten sollen. | http://www.w3.org/TR/html-markup/input.range.html |
| Uhrzeit | 12.2 | Ermöglicht es dem Benutzer, eine Uhrzeit auszuwählen. | http://www.w3.org/TR/html-markup/input.time.html |
| Woche | 12.2 | Ermöglicht es dem Benutzer, Woche und Jahr auszuwählen. | http://www.w3.org/TR/html-markup/input.week.html |
| 12.1 | Ein Steuerelement zum Bearbeiten einer Liste von E-Mail-Adressen, die im Feld „Value“ des Elements angegeben wurden. | http://www.w3.org/TR/html-markup/input.email.html | |
| Suchen | 12.1 | Ein einzeiliges, bearbeitbares Steuerelement mit reinem Text für die Eingabe eines oder mehrerer Suchbegriffe. | http://www.w3.org/TR/html-markup/input.search.html |
| Telefon (Tel.) | 12.1 | Ein einzeiliges, bearbeitbares Steuerelement mit reinem Text für die Eingabe einer Telefonnummer. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL: | 12.1 | Ein Steuerelement für die Bearbeitung einer absoluten URL, die im Feld „Value“ des Elements angegeben wurde. | http://www.w3.org/TR/html-markup/input.url.html |
Ähnliche Themen
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
