Ich würde denken, dass ltembedgt die bessere Wahl vorwärts sein würde. It39s im HTML5-Standard, während Object viele von it39s-Features (Attribute) abgelehnt hatte, um it39s-Funktionalität vom embed - Tag zu trennen. W3schools / tags / tagobject. asp Es scheint mir, dass das Objekt-Tag ist fast ein 39Swiss Armee knife39 tag, während embed ist Zweck gebaut für die Einbettung von Inhalten in eine Seite. Ndash cmaynard Sie könnten auch die iframe-Methode, obwohl dies nicht Cross-Browser-kompatibel (zB nicht funktioniert in Chrom oder Android und wahrscheinlich andere - stattdessen Aufforderungen zum Download). Es funktioniert mit dataURLs und normale URLS, nicht sicher, ob die anderen Beispiele mit dataURLS (bitte lassen Sie mich wissen, wenn die anderen Beispiele mit dataURLS arbeiten) antwortete, ist nicht ein Standard-Tag, obwohl Objekt ist. Heres ein Artikel, der aussieht, wie es Ihnen helfen wird, da es scheint, ist die Situation nicht so einfach. Ein Beispiel für PDF ist enthalten. Beantwortet Aug 7 09 am 14:01 Embed scheint ziemlich Standard für mich - zumindest in HTML5. Ndash kapa Es ist sicherlich Standard jetzt mit HTML5, aber dieser Artikel, den er bezieht sich auf geschrieben wurde im Jahr 2008 und seine Antwort ist von 2009, die vor HTML5 geht. Ndash b1nary. atr0phy Apr 07 13 at 6:24 b1naryatr0phy That39s, warum ich den Kommentar hinzugefügt. Er sollte entweder aktualisieren oder entfernen Sie die Antwort aus meiner Sicht, da es nicht mehr relevant ist, so wird nicht helfen, zukünftige Besucher. Ndash kapa Apr 16 13 um 7: 00SchemaTypes SchemaTypes behandeln die Definition von Pfadvorgaben. Validierung. Getter. Setzer. Feldauswahlvorgaben für Abfragen und andere allgemeine Merkmale für Zeichenfolgen und Zahlen. Weitere Informationen finden Sie in der jeweiligen API-Dokumentation. Im Folgenden sind alle gültigen Schema-Typen aufgelistet. Beispiel SchemaType-Optionen Sie können einen Schematyp direkt mit dem Typ deklarieren oder ein Objekt mit einer type-Eigenschaft. Zusätzlich zu der Eigenschaft type können Sie zusätzliche Eigenschaften für einen Pfad angeben. Zum Beispiel, wenn Sie einen String vor dem Speichern klein setzen wollen: Die Kleinbuchstabeneigenschaft funktioniert nur für Strings. Es gibt bestimmte Optionen, die für alle Schematypen gelten, und einige, die für bestimmte Schematypen gelten. Alle Schema-Typen erforderlich. Boolean oder function, wenn true für diese Eigenschaft einen erforderlichen Validator hinzufügt. Jede oder Funktion, setzt einen Standardwert für den Pfad. Wenn der Wert eine Funktion ist, wird als Rückgabewert der Rückgabewert der Funktion verwendet. wählen. Boolean, gibt Standardprojektionen für Abfragen an validate: function, addiert eine Validatorfunktion für diese Eigenschaft get. Funktion, definiert einen benutzerdefinierten Getter für diese Eigenschaft mit Object. defineProperty (). Set. Funktion definiert einen benutzerdefinierten Setter für diese Eigenschaft mit Object. defineProperty (). Indizes können auch Optionen für MongoDB-Indizes (docs. mongodb / manual / indexes /) definieren. Index: boolean, ob eine Eigenschaft auf dieser Eigenschaft definiert werden soll. Unique: boolean, ob für diese Eigenschaft ein eindeutiger Index (docs. mongodb / manual / core / index-unique /) definiert werden soll. Sparse: boolean, ob ein spärlicher Index (docs. mongodb / manual / core / index-sparse /) für diese Eigenschaft definiert werden soll. String Kleinbuchstaben. Boolean, ob Sie immer. toLowerCase () auf dem Wert Großbuchstaben aufrufen. Boolean, ob Sie immer auf. toUpperCase () auf den Wert trimmen. Boolean, ob es sich bei der Wertübereinstimmung immer um. trim () handelt. RegExp erstellt einen Validator, der prüft, ob der Wert mit dem angegebenen regulären Ausdruck enum übereinstimmt. Array erstellt einen Validator, der prüft, ob der Wert im angegebenen Array liegt. Anzahl min. Nummer erstellt einen Validator, der prüft, ob der Wert größer oder gleich dem angegebenen Minimum ist. Max. Nummer erstellt einen Validator, der prüft, ob der Wert kleiner oder gleich dem angegebenen Maximum ist. Datum min: Datum max: Datum Verwendungshinweise: Dates Eingebaute Datumsmethoden werden nicht in die Mongoose-Änderungsverfolgungslogik eingehängt, die auf Englisch bedeutet, dass wenn Sie ein Datum in Ihrem Dokument verwenden und es mit einer Methode wie setMonth () ändern. Mongoose wird sich dieser Änderung nicht bewusst sein und doc. save () wird diese Änderung nicht bestehen bleiben. Wenn Sie Datumsarten mithilfe integrierter Methoden ändern müssen, müssen Sie mongoose über die Änderung mit doc. markModified (39pathToYourDate39) vor dem Speichern informieren. Mixed An etwas geht SchemaType, seine Flexibilität kommt zu einem Kompromiss, dass es schwieriger zu pflegen ist. Gemischt ist entweder durch Schema. Types. Mixed oder durch Übergabe eines leeren Objektliterals verfügbar. Die folgenden Werte sind äquivalent: Da es sich um einen schematyplosen Typ handelt, können Sie den Wert auf alles ändern, was Ihnen gefällt, aber Mongoose verliert die Möglichkeit, diese Änderungen automatisch zu erkennen und zu speichern. Um Mongoose mitzuteilen, dass sich der Wert eines gemischten Typs geändert hat, rufen Sie die Methode. markModified (path) des Dokuments auf, das den Pfad an den Mixed-Typ übergibt, den Sie gerade geändert haben. ObjectIds Um einen Typ von ObjectId anzugeben, verwenden Sie Schema. Types. ObjectId in Ihrer Deklaration. Arrays Hinweis: Die Angabe eines leeren Arrays entspricht Mixed. Die folgenden alle erstellen Arrays von Mixed: Erstellen von benutzerdefinierten Typen Mongoose kann auch mit benutzerdefinierten SchemaTypes erweitert werden. Suchen Sie die Plugins-Website für kompatible Typen wie mongoose-long. Mongoose-int32 und andere Typen. Um ein eigenes benutzerdefiniertes Schema zu erstellen, werfen Sie einen Blick auf Erstellen eines einfachen benutzerdefinierten Schema-Typs. Next Up Nach der Erstellung von SchemaTypes. Let39s werfen Sie einen Blick auf Modelle ltobjectgt Tag Tipps und Hinweise Hinweis: Ein ltobjectgt Element muss innerhalb des ltbodygt Element erscheinen. Der Text zwischen ltobjectgt und lt / objectgt ist ein alternativer Text für Browser, die dieses Tag nicht unterstützen. Tipp: Für Bilder verwenden Sie das ltimggt-Tag statt des ltobjectgt - Tags. Tip: Mindestens eines der quotdataquot oder quottypequot Attribut muss definiert werden. Unterschiede zwischen HTML 4.01 und HTML5 Einige HTML 4.01 Attribute werden in HTML5 nicht unterstützt. Das Attribut quotiformquot ist in HTML5 neu. In HTML5 können Objekte verwendet und in Formulare eingereicht werden. In HTML5 können Objekte nicht mehr innerhalb des ltheadgt-Elements eines Dokuments angezeigt werden. Attribute oben unten Mitte links rechts Nicht unterstützt in HTML5. Gibt die Ausrichtung des ltobjectgt-Elements nach umgebenden Elementen an. Wird nicht in HTML5 unterstützt. Eine durch Leerzeichen getrennte Liste von URLs zu Archiven. Das Archiv enthält Ressourcen, die für das Objekt relevant sind Nicht unterstützt in HTML5. Gibt die Breite des Rahmens um ein ltobjectgt17.1 Einleitung in Formulare Ein HTML-Formular ist ein Abschnitt eines Dokuments, das normalen Inhalt, Markup, spezielle Elemente, die als Steuerelemente (Kontrollkästchen, Optionsfelder, Menüs usw.) bezeichnet werden, und Beschriftungen auf diesen Steuerelementen . Benutzer vervollständigen in der Regel ein Formular, indem sie ihre Steuerelemente ändern (Eingabe von Text, Auswählen von Menüpunkten usw.), bevor das Formular an einen Agenten zur Verarbeitung gesendet wird (zB an einen Webserver, an einen Mailserver usw.) Enthält Etiketten, Optionsfelder und Drucktasten (Rücksetzen des Formulars oder Absenden): Hinweis. Diese Spezifikation enthält detailliertere Informationen zu Formularen in den Unterabschnitten zu Formularanzeigen. Ein Steuerelement-Steuerelementname wird durch das Attribut name angegeben. Der Umfang des Namensattributs für ein Steuerelement innerhalb eines FORM-Elements ist das FORM-Element. Jedes Steuerelement hat sowohl einen Anfangswert als auch einen aktuellen Wert, wobei beide Zeichenzeichenfolgen sind. Bitte konsultieren Sie die Definition jedes Steuerelements für Informationen über Anfangswerte und mögliche Einschränkungen für Werte, die vom Steuerelement auferlegt werden. Im Allgemeinen kann ein Steuerelementanfangswert mit dem Steuerelementwertattribut angegeben werden. Der Anfangswert eines TEXTAREA-Elements ist jedoch durch seinen Inhalt gegeben, und der Anfangswert eines OBJECT-Elements in einer Form wird durch die Objektimplementierung bestimmt (d. H. Sie liegt außerhalb des Geltungsbereichs dieser Spezifikation). Der aktuelle Stromwert wird zuerst auf den Anfangswert gesetzt. Danach kann der aktuelle Stromwert durch Benutzerinteraktion und Scripts modifiziert werden. Der Anfangswert der Steuerung ändert sich nicht. Somit wird, wenn ein Formular zurückgesetzt wird, jeder Steuerstromwert auf seinen Anfangswert zurückgesetzt. Wenn ein Steuerelement keinen Anfangswert hat, ist der Effekt eines Formularsatzes auf diesem Steuerelement undefiniert. Wenn ein Formular für die Verarbeitung eingereicht wird, haben einige Steuerelemente ihren Namen mit ihrem aktuellen Wert gekoppelt und diese Paare werden mit dem Formular übermittelt. Diese Kontrollen, für die Name / Wert-Paare vorgelegt werden, werden erfolgreiche Kontrollen genannt. HTML definiert die folgenden Steuerelementtypen: Schaltflächen Autoren können drei Arten von Schaltflächen erstellen: Schaltflächen zum Senden. Wenn diese Option aktiviert ist, wird ein Formular übermittelt. Ein Formular kann mehr als einen Übermittlungsknopf enthalten. Rückstelltasten. Wenn aktiviert, setzt eine Reset-Taste alle Steuerelemente auf ihre Anfangswerte zurück. Drück Knöpfe. Schaltflächen haben kein Standardverhalten. Jedem Druckknopf können clientseitige Skripte zugeordnet werden, die den Elementereignisattributen zugeordnet sind. Wenn ein Ereignis auftritt (z. B. der Benutzer die Taste drückt, es freigibt usw.), wird das zugehörige Skript ausgelöst. Autoren sollten die Skriptsprache eines Taster-Skripts über eine Default-Deklaration (mit dem META-Element) angeben. Autoren erstellen Schaltflächen mit dem BUTTON-Element oder dem INPUT-Element. Näheres zur Angabe der verschiedenen Schaltflächenarten finden Sie in den Definitionen dieser Elemente. Hinweis. Autoren sollten beachten, dass das BUTTON-Element reichere Darstellungsmöglichkeiten bietet als das INPUT-Element. Checkboxen Checkboxen (und Optionsfelder) sind Ein - / Aus-Schalter, die vom Benutzer umgeschaltet werden können. Ein Schalter ist eingeschaltet, wenn das Kontrollelement-Attribut gesetzt ist. Wenn ein Formular gesendet wird, können nur die Kontrollkästchen aktiviert werden. Mehrere Kontrollkästchen in einem Formular können denselben Steuerelementnamen verwenden. So ermöglichen beispielsweise Checkboxen den Anwendern, mehrere Werte für dieselbe Eigenschaft auszuwählen. Das INPUT-Element wird verwendet, um ein Kontrollkästchen-Steuerelement zu erstellen. Optionsfelder Optionsfelder sind wie Kontrollkästchen, außer wenn mehrere denselben Kontrollnamen verwenden. Sie schließen sich gegenseitig aus: Beim Einschalten werden alle anderen mit dem gleichen Namen ausgeschaltet. Das INPUT-Element wird verwendet, um ein Optionsfeld zu erstellen. Wenn keine Optionsschaltfläche in einer Gruppe vorhanden ist, die denselben Steuerungsnamen gemeinsam verwendet, ist das Verhalten des Benutzeragenten für die Auswahl des Steuerelements anfangs undefiniert. Hinweis. Da vorhandene Implementierungen diesen Fall anders behandeln, unterscheidet sich die aktuelle Spezifikation von RFC 1866 (RFC1866, Abschnitt 8.1.2.4), der besagt: Zu jedem Zeitpunkt wird genau einer der Optionsfelder in einem Satz überprüft. Wenn keines der ltINPUTgt-Elemente eines Satzes von Optionsfeldern CHECKED angibt, muss der Benutzeragent zuerst das erste Optionsfeld des Satzes überprüfen. Da das Verhalten des Benutzeragenten unterschiedlich ist, sollten die Autoren sicherstellen, dass in jedem Satz von Optionsfeldern, die eine anfänglich an ist. Menüs Menüs bieten Ihnen Optionen, aus denen Sie auswählen können. Das SELECT-Element erzeugt ein Menü in Kombination mit den Elementen OPTGROUP und OPTION. Texteingabe Autoren können zwei Arten von Steuerelementen erstellen, mit denen Benutzer Text eingeben können. Das INPUT-Element erzeugt eine einzeilige Eingabesteuerung und das TEXTAREA-Element erzeugt eine mehrzeilige Eingabesteuerung. In beiden Fällen wird der eingegebene Text der aktuelle Wert. File select Dieser Steuerelementtyp ermöglicht es dem Benutzer, Dateien auszuwählen, so dass ihr Inhalt mit einem Formular übermittelt werden kann. Das INPUT-Element wird verwendet, um ein Dateiauswahl-Steuerelement zu erstellen. Versteckte Steuerelemente Autoren können Steuerelemente erstellen, die nicht gerendert werden, aber deren Werte mit einem Formular übermittelt werden. Autoren verwenden in der Regel diesen Steuerelementtyp, um Informationen zwischen Client - / Serveraustauschen zu speichern, die sonst aufgrund des statuslosen Typs von HTTP verloren gehen würden (siehe RFC2616). Das INPUT-Element wird verwendet, um ein verborgenes Steuerelement zu erstellen. Objekt-Steuerelemente Autoren können generische Objekte in Formularen einfügen, so dass zugeordnete Werte zusammen mit anderen Steuerelementen übergeben werden. Autoren erstellen Objekt-Steuerelemente mit dem OBJECT-Element. Die Elemente, die zum Erstellen von Steuerelementen verwendet werden, erscheinen im Allgemeinen in einem FORM-Element, können aber auch außerhalb einer FORM-Elementdeklaration erscheinen, wenn sie zum Erstellen von Benutzeroberflächen verwendet werden. Dies wird im Abschnitt über intrinsische Ereignisse diskutiert. Beachten Sie, dass Steuerelemente außerhalb eines Formulars nicht erfolgreich ausgeführt werden können. 17.3 Die Aktion FORM-Element uri CT Dieses Attribut gibt einen Formularverarbeiter an. Benutzeragentverhalten für einen anderen Wert als einen HTTP-URI ist undefiniert. Methode getpost CI Dieses Attribut gibt an, mit welcher HTTP-Methode der Formulardatensatz gesendet werden soll. Mögliche Werte für die Groß - / Kleinschreibung sind get (Standardeinstellung) und Post. Weitere Informationen finden Sie im Abschnitt Formularunterlagen. Enctype content-type CI Dieses Attribut gibt den Inhaltstyp an, der verwendet wird, um das Formular an den Server zu übermitteln (wenn der Wert der Methode post ist). Der Standardwert für dieses Attribut ist application / x-www-form-urlencoded. Der Wert multipart / form-data sollte in Kombination mit dem INPUT-Element type file verwendet werden. Accept-charset charset list CI Dieses Attribut gibt die Liste der Zeichenkodierungen für Eingabedaten an, die vom Server verarbeitet werden, der dieses Formular verarbeitet. Der Wert ist eine Leerzeichen - und / oder durch Kommas getrennte Liste von Zeichensatzwerten. Der Client muss diese Liste als eine Exklusiv-oder-Liste interpretieren, d. H. Der Server kann jede einzelne Zeichencodierung pro empfangener Einheit akzeptieren. Der Standardwert für dieses Attribut ist der reservierte String UNKNOWN. Benutzeragenten können diesen Wert als Zeichencodierung interpretieren, die zum Senden des Dokuments verwendet wurde, das dieses FORM-Element enthält. Accept-content-type-list CI Dieses Attribut gibt eine durch Kommas getrennte Liste von Inhaltstypen an, die ein Server, der dieses Formular verarbeitet, korrekt verarbeitet. Benutzeragenten können diese Informationen verwenden, um nicht konforme Dateien herauszufiltern, wenn sie einen Benutzer dazu auffordern, Dateien auszuwählen, die an den Server gesendet werden sollen (vgl. Das INPUT - Element, wenn eine Typdatei vorhanden ist). Name cdata CI Dieses Attribut benennt das Element so, dass es von Stylesheets oder Skripten bezogen werden kann. Hinweis. Dieses Attribut ist für die Abwärtskompatibilität enthalten. Anwendungen sollten das id-Attribut verwenden, um Elemente zu identifizieren. Attribute, die an anderer Stelle definiert sind Das FORM-Element fungiert als Container für Steuerelemente. Sie gibt an: Das Layout des Formulars (angegeben durch den Inhalt des Elements). Das Programm, das das ausgefüllte und übermittelte Formular verarbeitet (das Aktionsattribut). Das empfangende Programm muss in der Lage sein, Name / Wert-Paare zu parasieren, um sie nutzen zu können. Das Verfahren, mit dem Benutzerdaten an den Server gesendet werden sollen (das Methodenattribut). Eine Zeichencodierung, die vom Server akzeptiert werden muss, um dieses Formular zu behandeln (das accept-charset-Attribut). Benutzeragenten können den Benutzer über den Wert des Attributs accept-charset informieren und / oder die Fähigkeit des Benutzers einschränken, nicht erkannte Zeichen einzugeben. Ein Formular kann zusätzlich zu Formularsteuerelementen Text und Markup (Absätze, Listen usw.) enthalten. Das folgende Beispiel zeigt ein Formular, das vom Adduser-Programm verarbeitet werden soll, wenn es gesendet wird. Das Formular wird mit dem HTTP-Post-Verfahren an das Programm gesendet. Weitere Informationen darüber, wie Benutzeragenten Formulardaten für Server vorbereiten müssen und wie Benutzeragenten erwartete Antworten ausführen sollen, finden Sie im Abschnitt zur Formulareinreichung. Hinweis. Weitere Diskussionen über das Verhalten von Servern, die Formulardaten empfangen, gehen über den Rahmen dieser Spezifikation hinaus. 17.4 Der INPUT-Elementtyp textpasswordcheckboxradiosubmitresetfilehiddenimagebutton CI Dieses Attribut gibt den zu erstellenden Steuerelementtyp an. Der Standardwert für dieses Attribut ist Text. Name cdata CI Dieses Attribut weist den Steuerungsnamen zu. Wert cdata CA Dieses Attribut gibt den Anfangswert des Steuerelements an. Es ist optional, außer wenn das Typattribut den Wert radio oder checkbox hat. Size cdata CN Dieses Attribut teilt dem Benutzeragent die Anfangsbreite des Steuerelements mit. Die Breite ist in Pixel angegeben, außer wenn type Attribut den Wert text oder password hat. In diesem Fall bezieht sich sein Wert auf die (ganze Zahl) Anzahl der Zeichen. Maxlength number CN Wenn das type-Attribut den Wert text oder password hat, gibt dieses Attribut die maximale Anzahl von Zeichen an, die der Benutzer eingeben darf. Diese Anzahl kann die angegebene Größe überschreiten. In diesem Fall sollte das Benutzeragenten einen Scrolling-Mechanismus anbieten. Der Standardwert für dieses Attribut ist eine unbegrenzte Zahl. Checked CI Wenn das type-Attribut den Wert radio oder checkbox hat, gibt dieses boolean-Attribut an, dass die Schaltfläche aktiviert ist. Benutzer-Agenten müssen dieses Attribut für andere Steuerelementtypen ignorieren. Src uri CT Wenn das Typattribut das Wertbild hat, gibt dieses Attribut den Speicherort des Bildes an, das für die Dekoration der grafischen Übergabeschaltfläche verwendet werden soll. An anderer Stelle definierte Attribute Der vom INPUT-Element definierte Steuerelementtyp hängt vom Wert des type-Attributs ab: text Erstellt ein einzeiliges Texteingabesteuerelement. Kennwort Wie Text, aber der Eingabetext wird so gerendert, dass die Zeichen (z. B. eine Reihe von Sternchen) ausgeblendet werden. Dieser Steuerelementtyp wird oft für empfindliche Eingaben wie Passwörter verwendet. Beachten Sie, dass der aktuelle Wert der vom Benutzer eingegebene Text ist, nicht der vom Benutzeragenten wiedergegebene Text. Hinweis. Anwendungsdesigner sollten beachten, dass dieser Mechanismus nur einen leichten Schutz bietet. Obwohl das Kennwort von Benutzeragenten aus zufälligen Beobachtern maskiert wird, wird es an den Server in Klartext übermittelt und kann von jedermann mit niedrigem Zugriff auf das Netzwerk gelesen werden. Kontrollkästchen Erstellt ein Kontrollkästchen. Radio Erstellt ein Optionsfeld. Submit Erstellt eine Schaltfläche "Senden". Image Erstellt eine grafische Submit-Schaltfläche. Der Wert des src-Attributs gibt den URI des Bildes an, das die Schaltfläche verziert. Aus Gründen der Zugänglichkeit sollten Autoren alternativen Text für das Bild über das Alt-Attribut zur Verfügung stellen. Wenn ein Zeigegerät verwendet wird, um auf das Bild zu klicken, wird das Formular übermittelt und die Klick-Koordinaten an den Server übergeben. Der x-Wert wird in Pixeln von der linken Seite des Bildes und der y-Wert in Pixeln von der Oberseite des Bildes gemessen. Die übergebenen Daten umfassen den Namen. x x-Wert und den Namen. y y-Wert wobei name der Wert des Namensattributs ist und x-Wert und y-Wert die X - bzw. Y-Koordinatenwerte sind. Wenn der Server je nach angeklicktem Standort unterschiedliche Aktionen ausführt, werden Nutzer von nicht-grafischen Browsern benachteiligt. Aus diesem Grund sollten Autoren alternative Ansätze berücksichtigen: Verwenden Sie mehrere Senden-Schaltflächen (jeweils mit einem eigenen Bild) anstelle einer einzigen grafischen Senden-Schaltfläche. Autoren können Stylesheets verwenden, um die Positionierung dieser Schaltflächen zu steuern. Verwenden Sie eine Client-seitige Image-Map zusammen mit Scripting. Reset Erstellt eine Reset-Taste. Taste Erstellt einen Druckknopf. Benutzeragenten sollten den Wert des Wertattributs als Schaltflächenbeschriftung verwenden. Hidden Erstellt ein verstecktes Steuerelement. File Erstellt ein Dateiauswahl-Steuerelement. Benutzeragenten können den Wert des Wertattributs als ursprünglichen Dateinamen verwenden.17.4.2 Beispiele für Formulare, die INPUT-Steuerelemente enthalten Das folgende Beispiel-HTML-Fragment definiert ein einfaches Formular, das es dem Benutzer ermöglicht, einen Vornamen, Nachnamen, Und Geschlecht. Wenn die Schaltfläche "Senden" aktiviert ist, wird das Formular an das im Action-Attribut angegebene Programm gesendet. Dieses Formular könnte wie folgt gerendert werden: Im Abschnitt über das LABEL-Element, diskutieren wir Markierung Etiketten wie Vorname. In diesem nächsten Beispiel wird die JavaScript-Funktion name verify ausgelöst, wenn das onclick - Ereignis auftritt: Weitere Informationen zu Scripting und Ereignissen finden Sie im Abschnitt zu intrinsischen Ereignissen. Das folgende Beispiel zeigt, wie der Inhalt einer benutzerdefinierten Datei mit einem Formular übermittelt werden kann. Der Benutzer wird aufgefordert, seinen Namen und eine Liste der Dateinamen, deren Inhalt sollte mit dem Formular eingereicht werden. Durch die Angabe des Enctype-Wertes von multipart / form-data wird jeder Inhalt der Dateien für die Übermittlung in einem separaten Abschnitt eines mehrteiligen Dokuments verpackt. 17.5 Das BUTTON-Element An anderer Stelle definierte Attribute Schaltflächen, die mit der BUTTON-Elementfunktion wie mit dem INPUT-Element erstellten Schaltflächen erstellt wurden, bieten jedoch umfangreichere Rendermöglichkeiten: Das BUTTON-Element kann Inhalt haben. Beispielsweise kann ein BUTTON-Element, das Bildfunktionen enthält, einem INPUT-Element ähneln und ähneln, dessen Typ auf Bild gesetzt ist, aber der BUTTON-Elementtyp Inhalt zulässt. Visual User-Agenten können BUTTON-Schaltflächen mit Relief und einer Aufwärts - / Abwärtsbewegung beim Klicken anzeigen, während sie INPUT-Schaltflächen als flache Bilder darstellen können. Im folgenden Beispiel wird ein vorheriges Beispiel erweitert, es werden jedoch die Schaltflächen "Senden" und "Zurücksetzen" mit BUTTON anstelle von INPUT erstellt. Die Schaltflächen enthalten Bilder über das IMG-Element. Denken Sie daran, dass Autoren alternativen Text für ein IMG-Element bereitstellen müssen. Es ist illegal, eine Image-Map mit einem IMG zu verknüpfen, das als Inhalt eines BUTTON-Elements angezeigt wird. ILLEGAL BEISPIEL: Das Folgende ist nicht legal HTML. 17.6 Die SELECT-Funktion. OPTGROUP. Und OPTION-Elemente SELECT Attributdefinitionen Name cdata CI Dieses Attribut weist den Kontrollnamen zu. Size number CN Wenn ein SELECT-Element als ein gescrolltes Listenfeld dargestellt wird, gibt dieses Attribut die Anzahl der Zeilen in der Liste an, die gleichzeitig sichtbar sein sollen. Visual User-Agenten sind nicht erforderlich, um ein SELECT-Element als Listenfeld darzustellen, das sie jeden anderen Mechanismus verwenden können, wie z. B. ein Dropdown-Menü. Mehrere CI Wenn gesetzt, erlaubt dieses Boolesche Attribut mehrere Selektionen. Wenn nicht gesetzt, erlaubt das SELECT-Element nur einzelne Selektionen. An anderer Stelle definierte Attribute Das SELECT-Element erzeugt ein Menü. Jede Auswahl des Menüs wird durch ein OPTION-Element repräsentiert. Ein SELECT-Element muss mindestens ein OPTION-Element enthalten. Das OPTGROUP-Element ermöglicht es Autoren, Gruppenoptionen logisch zu gruppieren. Dies ist besonders hilfreich, wenn der Benutzer aus einer langen Liste von Optionen wählen, die Gruppen von verwandten Entscheidungen einfacher zu erfassen und zu merken sind als eine einzige lange Liste von Optionen. In HTML 4 müssen alle OPTGROUP-Elemente direkt innerhalb eines SELECT-Elements angegeben werden (d. H. Gruppen dürfen nicht verschachtelt sein). Null oder mehr Auswahlmöglichkeiten können für den Benutzer vorgewählt werden. Benutzeragenten sollten bestimmen, welche Optionen wie folgt vorgewählt werden: Wenn kein OPTION-Element über das ausgewählte Attribut festgelegt ist, ist das Verhalten des Benutzeragenten für die Auswahl der Option anfangs nicht definiert. Hinweis. Da vorhandene Implementierungen diesen Fall anders behandeln, unterscheidet sich die aktuelle Spezifikation von RFC 1866 (RFC1866, Abschnitt 8.1.3), in dem es heißt: Der Anfangszustand hat die erste Option, es sei denn, dass ein SELECTED-Attribut auf einem der ltOPTIONgt-Elemente vorhanden ist. Da das Verhalten des Benutzeragenten unterschiedlich ist, sollten die Autoren sicherstellen, dass jedes Menü eine standardmäßig vorgewählte Option enthält. Wenn ein OPTION-Element das ausgewählte Attribut gesetzt hat, sollte es vorgewählt sein. Wenn das SELECT-Element das multiple Attribut gesetzt hat und mehr als ein OPTION-Element das ausgewählte Attribut gesetzt hat, sollten sie alle vorgewählt sein. Es wird als Fehler angesehen, wenn mehr als ein OPTION-Element das ausgewählte Attributset hat und das SELECT-Element nicht über das multiple Attribut gesetzt ist. Benutzeragenten können variieren, wie sie diesen Fehler behandeln, sollten aber nicht mehr als eine Auswahl vorselektieren. OPTGROUP Attributdefinitionen Beschriftungstext CS Dieses Attribut gibt die Beschriftung für die Optionsgruppe an. Attribute, die an anderer Stelle definiert sind. Implementoren werden darauf hingewiesen, dass zukünftige Versionen von HTML den Gruppierungsmechanismus erweitern können, um verschachtelte Gruppen zu ermöglichen (d. h. OPTGROUP-Elemente können verschachteln). Dies ermöglicht es Autoren, eine reiche Hierarchie der Entscheidungen zu repräsentieren. OPTION Ausgewählte Attributdefinitionen CI Wenn gesetzt, gibt dieses Boolesche Attribut an, dass diese Option vorgewählt ist. Wert cdata CS Dieses Attribut gibt den Anfangswert des Steuerelements an. Wenn dieses Attribut nicht gesetzt ist, wird der Anfangswert auf den Inhalt des OPTION-Elements gesetzt. Labeltext CS Mit diesem Attribut können Autoren eine kürzere Bezeichnung für eine Option als den Inhalt des OPTION-Elements angeben. Wenn angegeben, sollten Benutzeragenten den Wert dieses Attributs und nicht den Inhalt des OPTION-Elements als Options-Label verwenden. Attribute, die an anderer Stelle definiert sind Beim Rendern einer Menüauswahl. Benutzer-Agenten sollten den Wert des Label-Attributs des OPTION-Elements als die Wahl verwenden. Wenn dieses Attribut nicht angegeben ist, sollten Benutzeragenten den Inhalt des OPTION-Elements verwenden. Das Label-Attribut des OPTGROUP-Elements gibt die Beschriftung für eine Gruppe von Auswahlmöglichkeiten an. In diesem Beispiel erstellen wir ein Menü, mit dem der Benutzer auswählen kann, welche der sieben Softwarekomponenten installiert werden soll. Die ersten und zweiten Komponenten sind vorgewählt, können jedoch vom Benutzer abgewählt werden. Die restlichen Komponenten sind nicht vorgewählt. Das Größenattribut besagt, dass das Menü nur 4 Zeilen aufweisen sollte, obwohl der Benutzer aus 7 Optionen auswählen kann. Die anderen Optionen sollten über einen Scrolling-Mechanismus zur Verfügung gestellt werden. Dem SELECT folgen die Schaltflächen zum Senden und Zurücksetzen. Nur ausgewählte Optionen sind erfolgreich (mit dem Control-Namen component-select). Wenn keine Optionen ausgewählt sind, ist das Steuerelement nicht erfolgreich und beim Übergeben des Formulars werden weder der Name noch irgendwelche Werte an den Server übermittelt. Beachten Sie, dass, wenn das Wertattribut gesetzt ist, der Anfangswert der Steuerelemente festgelegt wird. Ansonsten seine Elemente Inhalt. In diesem Beispiel verwenden wir das Element OPTGROUP zur Gruppenauswahl. Das folgende Markup stellt die folgende Gruppierung dar: Visual User Agents können Benutzern erlauben, aus Optionsgruppen über ein hierarchisches Menü oder einen anderen Mechanismus auszuwählen, der die Struktur der Auswahlmöglichkeiten widerspiegelt. Ein grafisches Benutzeragenten kann dies wie folgt darstellen: Dieses Bild zeigt ein SELECT-Element, das als kaskadierende Menüs dargestellt wird. Das obere Etikett des Menüs zeigt den aktuell gewählten Wert an (PortMaster 3, 3.7.1). Der Benutzer hat zwei Kaskadierungsmenüs entfaltet, aber den neuen Wert noch nicht ausgewählt (PortMaster 2, 3.7). Beachten Sie, dass jedes kaskadierende Menü das Label eines OPTGROUP - oder OPTION-Elements anzeigt. 17.7 Der TEXTAREA-Elementname cdata CI Dieses Attribut weist den Steuerungsnamen zu. Zeilennummer CN Dieses Attribut gibt die Anzahl der sichtbaren Textzeilen an. Benutzer sollten in der Lage sein, mehr Zeilen als diese einzugeben, sodass Benutzeragenten einige Mittel bereitstellen sollten, um durch den Inhalt des Steuerelements zu scrollen, wenn der Inhalt über den sichtbaren Bereich hinausgeht. Cols number CN Dieses Attribut gibt die sichtbare Breite in durchschnittlichen Zeichenbreiten an. Benutzer sollten in der Lage sein, längere Zeilen als diese einzugeben, so dass Benutzeragenten einige Mittel bereitstellen sollten, um durch den Inhalt des Steuerelements zu scrollen, wenn der Inhalt über den sichtbaren Bereich hinausgeht. Benutzeragenten können sichtbare Textzeilen umschließen, um lange Zeilen ohne Scrollen zu sehen. An anderer Stelle definierte Attribute Das TEXTAREA-Element erzeugt eine mehrzeilige Texteingabe. Benutzeragenten sollten den Inhalt dieses Elements als Anfangswert des Steuerelements verwenden und diesen Text anfänglich rendern. In diesem Beispiel wird ein TEXTAREA-Steuerelement erstellt, das 20 Zeilen bis 80 Spalten enthält und anfänglich zwei Textzeilen enthält. Dem TEXTAREA folgen die Schaltflächen zum Senden und Zurücksetzen. Durch das Festlegen des readonly-Attributs können Autoren unmodifizierbaren Text in einer TEXTAREA anzeigen. Dies unterscheidet sich von der Verwendung von Standard-markierten Text in einem Dokument, weil der Wert von TEXTAREA mit dem Formular eingereicht wird. 17.8 Das ISINDEX-Element ISINDEX wird veraltet. Dieses Element erzeugt eine einzeilige Texteingabesteuerung. Autoren sollten das INPUT-Element verwenden, um Texteingabe-Steuerelemente zu erstellen. Siehe die Übergangs-DTD für die formale Definition. Aufforderungstext CS Veraltet. Dieses Attribut gibt einen Aufforderungsstring für das Eingabefeld an. An anderer Stelle definierte Attribute Das ISINDEX-Element erzeugt ein einzeiliges Texteingabesteuerelement, das eine beliebige Anzahl von Zeichen zulässt. Benutzeragenten können den Wert des Eingabeaufforderungsattributs als Titel für die Eingabeaufforderung verwenden. DEPRECATED BEISPIEL: Die folgende ISINDEX-Deklaration: könnte mit INPUT wie folgt umgeschrieben werden: Semantik von ISINDEX. Derzeit ist die Semantik für ISINDEX nur gut definiert, wenn der Basis-URI für das umschließende Dokument ein HTTP-URI ist. In der Praxis ist der Eingabestring auf Latin-1 beschränkt, da es keinen Mechanismus für den URI gibt, um einen anderen Zeichensatz anzugeben. Einige Formularsteuerelemente haben automatisch Labels, die ihnen zugeordnet sind (Tasten drücken), während die meisten nicht (Textfelder, Kontrollkästchen und Optionsfelder und Menüs) sind. Für diejenigen Steuerelemente, die implizite Label haben, sollten Benutzeragenten den Wert des value-Attributs als Label-String verwenden. Das LABEL-Element wird verwendet, um Beschriftungen für Steuerelemente anzugeben, für die keine impliziten Beschriftungen vorhanden sind. 17.9.1 Das LABEL-Element für idref CS Dieses Attribut verknüpft explizit das Label, das mit einem anderen Steuerelement definiert wird. Wenn dieser Wert vorhanden ist, muss der Wert dieses Attributs mit dem Wert des id-Attributs eines anderen Steuerelements in demselben Dokument übereinstimmen. Wenn es nicht vorhanden ist, wird das Label, das definiert wird, den Elementinhalten zugeordnet. An anderer Stelle definierte Attribute Das LABEL-Element kann zum Anfügen von Informationen an Steuerelemente verwendet werden. Jedes LABEL-Element ist genau einer Formsteuerung zugeordnet. Das for-Attribut verknüpft eine Beschriftung explizit mit einem anderen Steuerelement: Der Wert des for-Attributs muss mit dem Wert des id-Attributs des zugehörigen Steuerelementes übereinstimmen. Mehrere LABELs können demselben Steuerelement zugeordnet werden, indem mehrere Referenzen über das for-Attribut erstellt werden. In diesem Beispiel wird eine Tabelle erstellt, mit der zwei Texteingabe-Steuerelemente und die zugehörigen Beschriftungen ausgerichtet werden. Jedes Label ist explizit mit einer Texteingabe verknüpft: In diesem Beispiel wird ein vorheriges Beispielformular auf LABEL-Elemente angewendet. Um ein Label implizit einem anderen Steuerelement zuzuordnen, muss sich das Steuerelement innerhalb des Inhalts des LABEL-Elements befinden. In diesem Fall darf das LABEL nur ein Bedienelement enthalten. Das Etikett selbst kann vor oder nach der zugehörigen Steuerung positioniert werden. In diesem Beispiel assoziieren wir implizit zwei Labels mit zwei Texteingabe-Steuerelementen: Beachten Sie, dass diese Technik nicht verwendet werden kann, wenn eine Tabelle für das Layout verwendet wird, wobei das Label in einer Zelle und die zugeordnete Steuerung in einer anderen Zelle ist. Wenn ein LABEL-Element den Fokus erhält. Es geht den Fokus auf seine damit verbundene Kontrolle. Im Folgenden finden Sie Beispiele für Zugriffstasten. Etiketten können durch Benutzeragenten auf verschiedene Art und Weise wiedergegeben werden (z. B. visuell, durch Sprachsynthesizer usw. gelesen). 17.10 Struktur zu Formularen hinzufügen: FIELDSET - und LEGEND-Elemente LEGEND Attributdefinitionen alignbottomleftright CI Deprecated. Dieses Attribut gibt die Position der Legende in Bezug auf das Feldset an. Mögliche Werte: top: Die Legende befindet sich am Anfang des Feldsatzes. Dies ist der Standardwert. Unten: Die Legende befindet sich am unteren Rand des Feldsatzes. Links: Die Legende befindet sich auf der linken Seite des Feldsatzes. Rechts: Die Legende befindet sich auf der rechten Seite des Feldsatzes. An anderer Stelle definierte Attribute Das FIELDSET-Element erlaubt es Autoren, thematisch relevante Steuerelemente und Beschriftungen zu gruppieren. Gruppierungs-Steuerelemente erleichtern es Benutzern, ihren Zweck zu verstehen und gleichzeitig die Tabbing-Navigation für visuelle Benutzeragenten und die Sprachsteuerung für sprachorientierte Benutzeragenten zu erleichtern. Der richtige Gebrauch dieses Elements macht Dokumente leichter zugänglich. Das LEGEND-Element ermöglicht es Autoren, einem FIELDSET eine Beschriftung zuzuweisen. Die Legende verbessert die Erreichbarkeit, wenn das FIELDSET nicht visuell dargestellt wird. In diesem Beispiel erstellen wir ein Formular, das man in der Arztpraxis ausfüllen kann. Es ist in drei Abschnitte unterteilt: persönliche Informationen, Krankengeschichte und aktuelle Medikamente. Jeder Abschnitt enthält Steuerelemente für die Eingabe der entsprechenden Informationen. Hinweis. Hinweis. Hinweis. Hinweis. Hinweis. Dokument.
Comments
Post a Comment