HTML5 Custom Form_Motor Node Java College Finishing

In HTML5 gibt es eine Vielzahl von Eingabefeldern und Schaltflächen. und Attribute.

Typ ist ein Text, dass das Eingabeelement ein einzelnes Textfeld ist, das die Standardmanifestation des Eingabeelements ist. Das einzelne Texteingangsfeld Single -Line unterstützt die folgenden Attributeinstellungen.

Das MaxLength -Attribut legt die maximale Anzahl von Zeichen fest, die Benutzer eingeben können.

 <Formmethode = post action = http: // titan: 8080/Form> <p> <Label für = Name> Name: <Eingabe maxlenth = 10 id = name name = name/> </p> </p> p > <Label für = Stadt> Stadt: <Eingabegröße = 10 ID = Stadtname = Stadt/> </p> <p> <label für = fave> frucht: <Eingabegröße = 10 maxlenth = 10 10 ID = FAVE -Name = Fave/> </label> </p> <Schaltfläche Typ = Senden> Abstimmung </button> </form>

Wertattribute können einen Standardwert für das Eingabefeld angeben.

 <Formmethode = post action = http: // titan: 8080/Form> <p> <Label für = Name> Name: <Eingabeplopholder = Ihr Name ID = Name Name/> </p> <p> <p> <Label für = Stadt> Stadt: <Eingabe platzhalter = wobei Sie leben id = Stadtname = Stadt/> </p> <p> <Label für = fave> fave> <Eingabewert = Apple id = fave name = fave/ > </Label> </p> <Schaltfläche Typ = Senden> Abstimmung </button> </form>

Der Effekt in Chrom ist wie folgt:

Beim Zurücksetzen des Formulars mit Tastenelement stellt der Browser die Positionierungsanforderungen und Standardwerte im Textfeld wieder her.

Das List -Attribut kann auf den ID -Attributwert eines Datalist -Elements festgelegt werden, sodass der Benutzer in einer vom Datalist -Element angegebenen Liste auswählen kann. Das Datalist -Element ist in HTML5 neu hinzugefügt, um eine Wertestapel bereitzustellen, damit Benutzer die erforderlichen Daten eingeben können.

 <Formmethode = post action = http: // titan: 8080/Form> <p> <Label für = Name> Name: <Eingabeplopholder = Ihr Name ID = Name Name/> </p> <p> <p> <Label für = Stadt> Stadt: <Eingabe platzhalter = wobei Sie leben id = Stadtname = Stadt/> </p> <p> <Label für = fave> st id = fave name = fave/> </label> < /p> <Schaltfläche Typ = Senden> Abstimmung enden </button> </form> <datalist id = fruchtlist> <option value = apples label = schöne a pples/> <Option Value = Orangen> Aktualisieren Orangen </option> </option> < Optionswert = Kirschen/> </datalist>

Jede Option im Datalist -Element repräsentiert einen Wert, der von einem Benutzer ausgewählt werden kann.

Das Readonly -Attribut zeigt an, dass das Textfeld nur gelesen wird, das deaktivierte Attribut angibt, dass es nicht bearbeitet werden kann, und es gibt Unterschiede in der Aussehensleistung.

 <Formmethode = post action = http: // titan: 8080/Form> <p> <Label für = Name> Name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <p> <Label für = Stadt> Stadt: <Eingabewert = Boston readonly id = Stadtname = Stadt/> </p> <p> <Label für = favor> frucht: <Eingabewert = Apple ID = FAVE NAME = FAVE/> </Label> </p> <Schaltfläche Typ = Senden> Abstimmung enden </button> </form>

Der Effekt in Chrom ist wie folgt:

Das Formular mit der deaktivierten Eigenschaft ist auf Grau eingestellt. Box, aber es wirkt sich nicht auf den Effekt des Erscheinungsbilds aus, und der Inhalt wird an den Server gesendet.

Das Eingabeelement des Typs Typ -Attribut ist Kennwort, um das Kennwort einzugeben. Das Eingabeelement dieses Attributs unterstützt die folgenden Attribute:

1) MaxLength: Die maximale Anzahl von Zeichen, die Benutzer in das Kennwortfeld eingeben können.

2) Muster: Wird verwendet, um den regulären Ausdruck der Überprüfung einzugeben;

3) Platzhalter: Aufforderung zum erforderlichen Datentyp;

4) Readonly: Setzen Sie das Kennwortbox nur auf das Lesen.

5) Erforderlich: Der Benutzer muss einen Wert eingeben, andernfalls kann er die Eingangsüberprüfung nicht übergeben.

6) Größe: Setzen Sie die Breite durch die Anzahl der in der angegebenen Kennwortbox sichtbaren Zeichen.

7) Wert: Setzen Sie den anfänglichen Kennwortwert.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = password/</p> <p> <p> <p> <label = face> frucht: <Eingabewert = apples id = fave name = fave/ </Label> </p> <Schaltfläche Typ = Senden> Abstimmung enden </button> </form>

Die vom Benutzer eingegebenen Zeichen werden im Feld Kennwort als*angezeigt, aber es ist zu beachten, dass der Server beim Senden des Formulars ein Clear -Text -Kennwort erhält. Erwägen Sie, SSL/HTTPS zum Browser zu verwenden, und Kommunikationsinhalt zwischen dem Server ist verschlüsselt.

Die TYP -Eigenschaft ist so eingestellt, dass sie ein Schaltflächen -Button -Element senden, zurücksetzen und schaltet.

1) Senden: Generieren Sie die Schaltfläche zum Senden von Formularen, Unterstützungsattributen: FormAction, FormCtype, FormMethod, FormTarget und Formnovalidate.

2) Zurücksetzen: Generieren Sie die Taste der festen Form;

3) Taste: Generieren Sie normale Tasten ohne Betrieb.

Der Beschreibungstext der Schaltfläche in 3 wird durch das Wertschlichtattribut angegeben.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = password/</p> <p> <p> <p> <label = face> frucht: <Eingabewert = apples id = fave name = fave/ </Label> </p> <Eingabe type = value = Senden Sie Vote/> <Eingabetyp = Reset Value = resype = b utton value = My Button/> </Form>

Der Effekt in Chrom ist wie folgt:

Der Unterschied zwischen der Schaltfläche Erzeugung und der Verwendung von Schaltflächenelementen mit einem Einput -Element besteht darin, dass letztere verwendet werden kann, um den Text mit Text anzuzeigen. Da jedoch jeder Browser die gleiche Verarbeitungsmethode für Eingabelemente hat und einige ältere Browser (wie IE6) das Tastenelement nicht ordnungsgemäß verarbeiten können, sind viele Websites eher dazu neigen, Eingabelemente zu verwenden.

Das Eingabeelement des Typs des Typs akzeptiert nur den Wert. Zu den Unterstützungsattributen gehören:

1) Liste: Geben Sie das Datalist -Element an, das den empfohlenen Wert im Textfeld angibt, und sein Wert ist der ID -Wert des Datalist -Elements.

2) min: Setzen Sie den Mindestwert;

3) Max: Setzen Sie den Maximalwert;

4) Readonly: Nur lesen;

5) Erforderlich: Dies bedeutet, dass der Benutzer einen Wert eingeben muss;

6) Schritt: Der Schritt zur Einstellung des Werts nach oben und unten;

7) Wert: Der Anfangswert des angegebenen Elements.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = password/</p> <p> <p> <p> <label = face> frucht: <Eingabewert = apples id = fave name = fave/ > </Label> </p> <p> <label für = preis> $ pro Einheit in Ihrer Fläche: <Eingabetyp = Nummer Schritt = 1 min = 0 max = 100 Wert = 1 id = Preisname = Preis/> </Label> </p> <Eingabe type = value = Sendenabstimmung/> </Form>

Der Effekt in Chrom ist wie folgt:

Verwenden des Eingabeelements mit dem Typ -Attribut für Bereich können Benutzer es nur verwenden, um einen numerischen Wert innerhalb des angegebenen Bereichs auszuwählen.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = password/</p> <p> <p> <p> <label = face> frucht: <Eingabewert = apples id = fave name = fave/ </Label> </p> <p> <Label für = Preis> $ pro Einheit in Ihrer Fläche: 1 <Eingabetyp = Bereichsschritt = 1 min = 0 max = 100 Wert = 1 id = Preisname = Preis/100 </label> </p> <Eingabe type = value = Sendenabstimmung/> </Form>

Der Effekt in Chrom ist wie folgt:

Das Typ -Attribut ist das Kontrollkästchen, um das Kontrollkästchen darzustellen.

1) überprüft: ob standardmäßig ausgewählt werden soll;

2) Erforderlich: Zeigt an, dass der Benutzer das Kontrollkästchen überprüfen muss.

3) Wert: Setzen Sie den an den Server übermittelten Datenwert standardmäßig.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = password/</p> <p> <p> <p> <label = face> frucht: <Eingabewert = apples id = fave name = fave/ </Label> </p> <p> <label for = veggie> Sind Sie Vegetarier: <Eingabe type = Checkbox id = veggie = veggie/> veg etarian </label> </p> <Eingabe type = subg. Value = Stimmen Sie/> </Form> einreichen

Der Effekt in Chrom ist wie folgt:

Beachten Sie, dass das Kontrollkästchen bei Verwendung des Kontrollkästchens nur dann an den Server gesendet wird, wenn das Kontrollkästchen übermittelt wird.

Das Eingangselement des Typs Attribut kann verwendet werden, um einen Satz von Einzel -Koice -Schaltflächen zu generieren. Jedes Radio repräsentiert eine Option, und dieselbe Radiogruppe verwendet denselben Namen. Die Single -Selection -Taste -Gruppe eignet sich für Szenen mit weniger Optionen.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabetyp = Passwort platzhalter = min 6 Zeichen = Passwort name = Passwort/> </p> <p> D> Stimmen Sie für Ihre bevorzugte Frucht </legend> <label für = apples> <Eingabe type = Radio Check value = apples id = apples name = fave/> apples </label> <label for = orange> <Eingabe typ > <Eingabe type = radio value = cherries id = cherries name = fave/> </label> </fieldset> </p> <Eingabe type = value = Sendenabstimmung/> </Form>

Der Effekt in Chrom ist wie folgt:

Typ Attribut Value, Tel und URL entsprechen der E -Mail -Adresse, der Telefonnummer bzw. der URL.

1) Liste: Geben Sie das Datalist -Element an, das den empfohlenen Wert im Textfeld angibt, und sein Wert ist der ID -Wert des Datalist -Elements.

2) MaxLength: Die maximale Anzahl der Eingabezeichen;

3) Muster: Geben Sie den regulären Ausdruck zur Überprüfung der Eingabe an;

4) Platzhalter: Geben Sie eine Eingabeaufforderung für den erforderlichen Datentyp an;

5) Readonly: Lesen Sie das Textfeld und lesen Sie nur;

6) Erforderlich: Zeigt an, dass der Benutzer einen Wert eingeben muss.

7) Größe: sichtbare Anzahl von Zeichen;

8) Wert: Der Anfangswert des angegebenen Elements.

E -Mail unterstützt auch mehrere Attribute und zeigt an, dass mehrere E -Mail -Adressen akzeptiert werden können.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Kennwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = Passwort/> </p> <p> <label = E -Mail = E -Mail> E -Mail: <Eingabe type = E -Mail [email protected] Id = E -Mail -Name = E -Mail/> </p> <p> <p> <Label für = Tel> Tel: <Eingabe type = tel placeholder = (xxx) -xxx- xxxx id = tel name = tel/> </ Label> </p> <p> <Label für = url> Ihre Homepage: <Eingabe type = url id = url name = url/> </p> <Eingabe type = value = Sendenabstimmung/> </Form>

Der Effekt in Chrom ist wie folgt:

Einige Arten von Eingabedatum und Uhrzeit werden zu HTML5 hinzugefügt, darunter:

1) DateTime: Erhalten Sie das Weltdatum und die Uhrzeit, einschließlich Zeitzoneninformationen;

2) DateTime-Local: Holen Sie sich das lokale Datum und die Uhrzeit, enthält keine Zeitzoneninformationen.

3) Datum: Holen Sie sich das lokale Datum ohne Zeit- und Zeitzoneninformationen;

4) Monat: Holen Sie sich die jährlichen und monatlichen Informationen ohne Tag-, Zeit- und Zeitzoneninformationen;

5) Zeit: Zeit bekommen;

6) Woche: Holen Sie sich die aktuelle Woche.

Die zusätzlichen Attribute, die bis zum Datums- und Zeiteingabeelement unterstützt werden, gehören:

1) Liste: Geben Sie das Datalist -Element an, das den empfohlenen Wert im Textfeld angibt, und sein Wert ist der ID -Wert des Datalist -Elements.

2) min: Setzen Sie den Mindestwert;

3) Max: Setzen Sie den Maximalwert;

4) Readonly: Nur lesen;

5) Erforderlich: Der Benutzer muss einen Wert eingeben, andernfalls kann er die Eingangsüberprüfung nicht übergeben.

6) Schritt: Der Schritt zur Einstellung des Werts nach oben und unten;

7) Wert: Der Anfangswert des angegebenen Elements.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = password/</p> <p> <p> <p> <label = face> frucht: <Eingabewert = apples id = fave name = fave/ > </label> </p> <p> <label for = lastBuy> Wann haben Sie zuletzt gekauft: <Eingabe typ value = voting/> </form>

Der Effekt in Chrom ist wie folgt:

Derzeit wird in den meisten Browsern das Datum und die Uhreingänge nicht gut unterstützt.

Das Typ -Attribut ist der Farbauswahler, und der Farbwert wird im Format von 7 Zeichen dargestellt: Beginn , wie der Wert von Rot, Grün und Blau, wie die Werte der drei Primärfarben von Rot, Grün und Blau, wie #FF1234.

 <Formmethode = post action = http: // titan: 8080/form> <p> <label for = name> name: <Eingabewert = Adam deaktiviert id = Name Name/> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 Zeichen = Passwort name = password/</p> <p> <p> <p> <label = face> frucht: <Eingabewert = apples id = fave name = fave/ </Label> </p> <p> <Label für = Farbe> Farbe: <Eingabe type = color name = color/> </p> </p. /Form>

Der Effekt in Chrom ist wie folgt:

Beachten Sie, dass die meisten Browser dieses Eingabelement nicht speziell unterstützt haben.

Das Eingabelement vom versteckten Typ kann verwendet werden, um ein Datenelement auszublenden und beim Senden des Formulars an den Server zu senden (normalerweise um diese Funktion zu verwenden).

 <Formmethode = post action = http: // titan: 8080/Form> <Eingabe type = Hidden name = recordId value = 1234/<p> <Label für = Name> Name: <Eingabewert = Adam Deaktiviert id = Name Name Name Name = Name/> </label> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 charals id = password = password/> </lab el> </p> < p> <p> <label für = fave> frucht: <Eingabewert = apples id = fave name = fave/> </p> </p> <Eingabe type = value = Sendenabstimmung/> </Form>

Die Schaltfläche, die durch das Eingangselement des Bildtyps erzeugt wird, wird als Symbol angezeigt und das Formular nach Klicken übermittelt. Zu den Unterstützungsattributen gehören:

1) ALT: Geben Sie einen Element -Erläuterungstext an, der für Benutzer nützlich ist, die die Technologie der Behindertenhilfe verwenden müssen.

2) Formaktion: Gleiches Tastenelement;

3) FormEencType: Gleiches Tastenelement;

4) FormMethod: Gleiches Tastenelement;

5) FormTarget: Gleiches Schaltflächenelement;

6) Formnovalidate: Gleiches Tastelelement;

7) Höhe: Stellen Sie die Höhe der Bilder in Pixel ein;

8) SRC: Geben Sie die URL des zu angezeigten Bilds an;

9) Breite: Stellen Sie die Breite des Bildes im Pixel ein;

 <Formmethode = post action = http: // titan: 8080/Form> <Eingabe type = Hidden name = recordId value = 1234/<p> <Label für = Name> Name: <Eingabewert = Adam Deaktiviert id = Name Name Name Name = Name/> </label> </p> <p> <Label für = Passwort> Passwort: <Eingabe type = Passwort platzhalter = min 6 charals id = password = password/> </lab el> </p> < p> <p> <label für = fave> frucht: <Eingabewert = apples id = fave name = fave/> </p> </p> <Eingabe type = Bild Src = Accept.png name = subieren/> < /Bilden "

Klicken Sie auf die Schaltfläche Bild, um das Formular einzureichen.

Das Eingabelement vom Datei -Typ wird zum Hochladen von Dateien verwendet, und die Datei kann beim Senden des Formulars auf den Server hochgeladen werden. Zu den Unterstützungsattributen gehören:

1) Akzeptieren: Geben Sie die Art der Akzeptanz an. Definition des MIME -Typs finden Sie in RFC 2046 (http://tools.ies.org/html/rfc2046);

2) Mehrfach: Setzen Sie dieses Attribut so, dass mehrere Dateien gleichzeitig hochgeladen werden.

3) Erforderlich: Der Benutzer muss einen Wert eingeben.

 <Formmethode = post action = http: // titan: 8080/Form EngeTePe = MultiPart/Form-Data> <p> <Label für = Name> Name: <Eingabewert = Adam deaktiviert id = Name na me = name/> </label> </p> <p> <Label für = Passwort> Kennwort: <Eingabe type = Passwort Plants = min 6 Zeichen = Passwort name = Passwort/> </p> <p> <Lab El für = fave> Frucht: <Eingabewert = apples id = fave name = fave/> </p> <p> <Eingabe type = Dateiname = fehlerhaft/> </p> <Eingabe type = value = Sendenabstimmung/> </Formular >

Beachten Sie, dass der Formularcode-Typ hochgeladen werden kann, wenn Multipart/Form-Daten hochgeladen werden kann. Der Effekt in Chrom ist wie folgt:

Das Selet -Element wird verwendet, um eine Liste von Optionen zu erstellen, die kompakter als das Eingangselement vom RadiiiiiButton -Typ und besser für die Situation mit mehr Optionen geeignet sind. Das von diesem Element unterstützte Attribut enthält:

1) Name: Der Name der Liste;

2) Deaktiviert: Deaktivieren Sie die Drop -Down -Liste;

3) Form: eine oder mehrere Formen zum Textbereich;

4) Autofokus: Der Textbereich erhält automatisch den Fokus, nachdem die Seite geladen wurde.

5) Erforderlich: Muss gefüllt werden;

6) Größe: Die Anzahl der Optionen ist in der Drop -Down -Liste zu sehen.

7) Mehrfach: Sie können mehrere Optionen auswählen.

Element Default ist eine einzelne Auswahl -Drop -Down -Liste ist

 <Formmethode = post action = http: // titan: 8080/Form EngeTePe = MultiPart/Form-Data> <p> <Label für = Name> Name: <Eingabewert = Adam deaktiviert id = Name na me = name/> </label> </p> <p> <Label für = Passwort> Kennwort: <Eingabe type = Passwort Plants = min 6 Zeichen = Passwort name = Passwort/> </p> <p> <Lab El für = fave> Lieblingsfrucht: <select id = fave name = fave> <option valu = apples ausgewählte Label = apples> apples </option> <option value = orange = orange> orangen </option> <option value = cherries Label = CHRERRIES> CHRERRIES </option> <Option Value = Pears Label = Pears> Pears> </Option> </select> </p> <Eingabetyp = Senden Wert = Senden Sie Vote/> m>

Der Effekt in Chrom ist wie folgt:

Nach der Einstellung von Größenattributen und mehreren Attributen für die Liste wird es zu einem Kontrollkästchen.

 <Formmethode = post action = http: // titan: 8080/Form EngeTePe = MultiPart/Form-Data> <p> <Label für = Name> Name: <Eingabewert = Adam deaktiviert id = Name na me = name/> </label> </p> <p> <Label für = Passwort> Kennwort: <Eingabe type = Passwort Plants = min 6 Zeichen = Passwort name = Passwort/> </p> <p> <Lab El für = fave> Lieblingsfrucht: <select id = fave name = fave size = 5 multiple> <option value = apples selectd label = apples> apples </option> <option> ES label = orange> orange </option> <Option Valu = Cherrenies Label = CHRERRIES> CHRERRIES </Option> <Option Value = Pears Label = Pears> Birnen </Option> </select> </p> <Eingabetyp = value = Sendenabstimmung/> </Form>

Drücken Sie die Strg -Taste, wenn Sie auf die Option klicken, um mehrere Optionen auszuwählen. Der Effekt in Chrom ist wie folgt:

Die Optionsgruppenelemente können verwendet werden, um eine bestimmte Struktur im Inhalt des ausgewählten Elements festzulegen.

1) Etikett: Es wird verwendet, um einen kleinen Titel für den gesamten Satz von Optionen anzubieten.

2) Deaktiviert: Alle Optionen in der Gruppe in der Gruppe.

 <Formmethode = post action = http: // titan: 8080/Form EngeTePe = MultiPart/Form-Data> <p> <Label für = Name> Name: <Eingabewert = Adam deaktiviert id = Name na me = name/> </label> </p> <p> <Label für = Passwort> Kennwort: <Eingabe type = Passwort Plants = min 6 Zeichen = Passwort name = Passwort/> </p> <p> <Lab El für = fave> Lieblingsfrucht: <select id = fave name = fave> <optgroup label = Top Choices> <Option Valu = apples ausgewählt Label = apples> apples </option> Ion Valu = Oranges Label = Oranges> Orange </option> </optgroup > <optgroup label = Andere> <Option Valu = CherRies Label = CHRERRIES> CHRERRIES </Option> <Option Value = Pears Label = Pears> Pears </option> Tgroup> </select> </label> </p> </p> </p> </p> </p> </p> < Eingabe type = value = Senden Sie Vote/> </Form>

Der Effekt in Chrom ist wie folgt:

Optgroup -Elemente spielen nur eine organisatorische Rolle, und Benutzer können sie nicht als Option auswählen.

Das TextArea -Element generiert Multi -Line -Textfelder, und Benutzer können in einen Multi -Line -Text eingeben. Einschließlich Attribute umfassen:

1) Autofokus: Der Textbereich erhält automatisch den Fokus, nachdem die Seite geladen wurde.

2) Cols: sichtbare Breite, Ganzzahl;

3) Deaktiviert: Deaktivieren Sie diesen Textbereich;

4) Form: eine oder mehrere Formen zum Textbereich;

5) MaxLength: Die maximale Anzahl von Zeichen im Textbereich;

6) Name: Der Name des Textbereichs;

7) Platzhalter: Eine kurze Erinnerung an den erwarteten Wert des Textbereichs;

8) Readonly: Der Textbereich wird nur gelesen;

9) Erforderlich: Der Textbereich ist erforderlich;

10) Zeilen: Die Anzahl der sichtbaren Zeilen im Textbereich, Ganzzahl;

11) Wrap: So ändern Sie den Text im Textbereich, einschließlich: Soft (Standard).

 <Formmethode = post action = http: // titan: 8080/Form EngeTePe = MultiPart/Form-Data> <p> <Label für = Name> Name: <Eingabewert = Adam deaktiviert id = Name na me = name/> </label> </p> <p> <Label für = Passwort> Kennwort: <Eingabe type = Passwort Plants = min 6 Zeichen = Passwort name = Passwort/> </p> <p> <Lab El für = fave> Lieblingsfrucht: <select id = fave name = fave> <optgroup label = Top Choices> <Option Valu = apples ausgewählt Label = apples> apples </option> Ion Valu = Oranges Label = Oranges> Orange </option> </optgroup > <optgroup label = Andere> <Option Valu = CherRies Label = CHRERRIES> CHRERRIES </Option> <Option Value = Pears Label = Pears> Pears </option> Tgroup> </select> </label> </p> </p> </p> </p> </p> </p> < p> <textArea cols = 20 Zeilen = 5 Wrap = Hard ID = Story Name = Story> Erzählen Sie uns, warum dies Ihr Favorit ist. >

Der Effekt in Chrom ist wie folgt:

Das Ausgabeelement repräsentiert das Ergebnis der Berechnung. Zu den Unterstützungsattributen gehören:

1) für: ein oder mehrere Elemente, die sich auf die Ausgangsdomäne beziehen, getrennt im mittleren Raum;

2) Form: eine oder mehrere Formen des Eingangsfeldes;

3) Name: Der einzige Name des Objekts (verwendet, wenn das Formular eingereicht wird).

 <Form ONSUBMIT = Return FALSE Eindringung = res.value = quant.valueasNumber * preis = Nummer platzhalter = Preis ID = Preisname = Preis/> = <Ausgabe für = Quantenname = res/> </Form>

Das Zeitsystem von JavaScript wird verwendet, um einen einfachen Taschenrechner zu generieren.

Das oben genannte ist der Inhalt dieses Artikels.