Detaillierte Erläuterung neuer Attribute des HTML5 -Formulars

In H5 kann das Formular überall auf der Seite platziert werden, und dann wird ein Formularattribut für das Element angegeben.

 <Form id = testform> <Eingabe type = text> </form> <textarea Form = testform> </textArea>

In H4 die Form der Einreichung von Formen

 <Form action = 1.jsp> </form>

Senden Sie das gesamte Formular ein

In H5 können Sie die JSP -Seite hinzufügen, die zu jedem Attribut des Formulars eingereicht wurde

 <Form action = 1.jsp> <Eingabe type = action = 1-1.jsp> auf 1 Seite reichen </Form> <Eingabetyp = Action = 1-2.jsp> auf 2 Seite </Form> Senden <Eingabe type = action = 1-3.jsp> An 3 Seiten reichen </form> </form>

Sie können die Einreichungsmethode jedes Elements des Formulars angeben

 <Form action = 1.jsp> <Eingabe type = action = 1-1.jsp formMethod = post> auf 1 Seite, nach Einreichungsmethode </form> <Eingabetyp = 1-2.JSP FormMethod = Get> Senden bis 2 Seiten erhalten Sie die Einreichungsmethode </form> </form>

Gleich wie oben, die Rolle und jedes Element, der Code ist geringfügig

Gleich wie oben, die Rolle und jedes Element, der Code ist geringfügig

Fügen Sie das Autotofocus -Attribut zum Textfeld, das Auswahlfeld und die Schaltflächensteuerung hinzu, und der Fokus wird beim Öffnen des Bildschirms automatisch erhalten.

 <Eingabe type = text action = 1-3.jsp autofocus> sure to 3 Seiten </form> einreichen </form>

Es gibt nur eine Steuerung auf einer Seite mit einer Autofokuseigenschaft, die nicht missbraucht werden kann

Es kann in den meisten Eingangselementen verwendet werden.

Kann allen Elementen des Formulars ein LABLS -Attribut hinzufügen, der Attributwert ist ein Nodelist -Objekt, das eine Sammlung von an das Element gebundenen Beschriftungselementen darstellt.

 <skript type = text/javaScript> window.onload = function () {var text = document.getElementById ('text'); ') ;; = function () {if (text Label.SetatTribute (für, Text); Farbe: rot);}} else if (text.labels.length> 1) Form.removechild (text.labels [1]); Btn type = button value = verifizierung> </form>

Wenn der Benutzer keinen Wert eingibt, klicken Sie auf die Überprüfung und das Beschriftungselement wird dem Textfeld hinzugefügt. den Namen eingeben

Sie können ein Tischeinheit -Element in das Etikett platzieren und über die Kontrolleigenschaft des Tags auf das Tabellenelement zugreifen.

 <script type = text/javaScript> function setValue () {console.log (1); <Label ID = Label> ZIP -Code: <Eingabe -ID = txt_zip maxLength = 6> <klein> Bitte geben Sie 6 Ziffern </small> </label> <Eingabe type = button = Legen Sie den Standardwert aufcliclk = setValue ()> < < /Form>

Öffnen Sie die Seite im Touristen, klicken Sie auf die Schaltfläche "Standardwert" und 231456 werden im Textfeld angezeigt.

Geben Sie die Eingabeaufforderungsinformationen (grau) ein, wenn sich das Textfeld im Auswahlstatus befindet

 <Eingabetyp = Text palceholder = hahah>

Kombiniert mit dem neuen Datalist -Element von H5, dem Produktionsaufforderung Box

 Text: <Eingabetyp = Textname = Grußliste = Grüße> <!-Verwenden Sie Style = Anzeige: Keine; people </option> <option value = Sie sind ein Schwein> Sie sind ein Schwein </Option> <Option Value = Sie sind ein Hund> Sie sind ein Hund </option> </datalist>

Wenn Sie Sie in das Textfeld eingeben, finden Sie drei Spalten, um Sie daran zu erinnern, dass Sie Menschen sind, Sie sind ein Schwein, Sie sind ein Hund.

Autocomplete hat drei, aus (nicht angegeben). Verwenden Sie bei Angabe den Standardwert des Touristen. Die Verwendungsmethode ist wie folgt

 <Eingabetyp = Textname = Grußliste = Grüße automatisch

Wenn Sie das Textfeld eingeben, wenn Sie eine Person sind, klicken Sie auf die vorherige Seite zurück und geben Sie mich dann in das Textfeld ein, und Sie werden mich auffordern, eine Person zu sein.

Es entspricht, ob der Eingabewert des regulären Ausdrucksurteils im HTML -Teil den Anforderungen entspricht.

Bitte geben Sie den Inhalt ein: <Eingabetyp = Textmuster = [0-9] [Az] {3}>

Für dieses Segment des Code müssen drei numerische Großbuchstaben eingegeben werden.

Wenn der Benutzer in diesen beiden Elementen einen Teil des Textes auswählt, können Sie das Element für die Auswahlrichtung verwenden.

 <Skript type = text/javaScript> Funktion alertSelectionDirection () {var control = document.forms [0] ['text']; Textname = text> <Eingabetyp = Schaltfläche Wert = MEHR ME Onclick = alertSelectionDirection ()> </form>

Für das Kontrollkästchen in der Vergangenheit kann das Indexattribut in JS in JS in der HTML5 nur ausgewählt und nicht ausgewählt werden, um anzuzeigen, dass das Kontrollkästchen nicht klar ausgewählt wurde.

 <Script> var cb = document.getElementById (CB);

• Höhe: Geben Sie die Höhe des Bildes in der Bildschaltfläche an.
• Breite: Geben Sie die Breite des Bildes in der Bildschaltfläche an.

 <Eingabetyp = Bild src = img/2.png breit = 23 Höhe = 23>

• MaxLength: Einrichten mit einem Ganzzahlwert, um die Anzahl der Text zu begrenzen, die im Textbereichselement eingegeben werden kann.
• Wrap: Sie können den Attributwert für weich und hart angeben. .

Das oben genannte Inhalt dieses Artikels.