Explication détaillée des nouveaux attributs de la forme HTML5

Dans H5, le formulaire peut être placé n'importe où sur la page, puis un attribut de formulaire est spécifié pour l'élément.

 <Form id = testform> <input type = text> </ form> <textarea form = testform> </ textarea>

Dans H4, la forme de soumission des formulaires

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

Soumettre l'ensemble du formulaire

Dans H5, vous pouvez ajouter la page JSP soumise à chaque attribut du formulaire

 <Formulaire Form = 1.jsp> <Type d'entrée = Soumettre Action = 1-1.jsp> Soumettre à 1 page </ form> <Type de saisie = soumettre Action = 1-2.jsp> Soumettre à 2 page </ form> <Type d'entrée = soumettre Action = 1-3.jsp> Soumettre à 3 pages </ form> </ form>

Vous pouvez spécifier la méthode de soumission de chaque élément du formulaire

 <Formulaire form = 1.jsp> <Type d'entrée = soumettre action = 1-1.jsp formMethod = Post> Soumettre à 1 page, méthode de soumission de post </ form> <Type d'entrée = 1-2.jsp FormMethod = get> à 2 pages, obtenez la méthode de soumission </ form> </ form>

Identique à ci-dessus, le rôle et chaque élément, le code est légèrement

Identique à ci-dessus, le rôle et chaque élément, le code est légèrement

Ajoutez l'attribut automatique à la zone de texte, à la zone de sélection et au contrôle de bouton, et la focalisation sera automatiquement obtenue lors de l'ouverture de l'écran.

 <entrée type = Text Action = 1-3.jsp Autofocus> Soumettre à 3 pages </ form>

Il n'y a qu'un seul contrôle sur une page qui a une propriété automatique, qui ne peut pas être abusée

Il peut être utilisé dans la plupart des éléments d'entrée.

Peut ajouter un attribut LABLS à tous les éléments de la forme, la valeur d'attribut est un objet NodeList, qui représente une collection d'éléments d'étiquette liés à l'élément.

 <Script Type = Text / JavaScript> Window.onload = fonction () {var text = document.getElementyid (Text '); ') ;; = fonction () {if (text.value.trim () ==) {//alert_labels.length) if (text.labels.length == 1) {var label = document. Label.SetAttribute (pour, texte); Couleur: rouge);}} else if (text.labels.length> 1) form.reMoveChild (text.Labels [1]); BTN Type = Button Value = Verification> </ Form>

Lorsque l'utilisateur ne saisit aucune valeur, cliquez sur la vérification et l'élément d'étiquette sera ajouté à la zone de texte. pour entrer le nom.

Vous pouvez placer un élément de l'unité de table à l'intérieur de l'étiquette et accéder à l'élément de table via la propriété de contrôle de la balise.

 <Script Type = Text / JavaScript> SetValue () {Console.log (1); <Étiquette ID = Label> Code Zip: <INPET ID = TXT_ZIP MAXLENNGLING = 6> <SMATH> Veuillez saisir 6 chiffres </smmall> </ Label> <Type d'entrée = Button = Définissez la valeur par défaut Oncliclk = setValue ()> < </ form>

Ouvrez la page dans le touriste, cliquez sur Définir le bouton Valeur par défaut et 231456 sera affiché dans la zone de texte.

Entrez les informations rapides (gris) lorsque la zone de texte est dans l'état de choix

 <Type d'entrée = Text Palceholder = HAHAH>

Combiné avec le nouvel élément de données de H5, la boîte d'invite de production

 Texte: <entrée Type = Text Name = Greeting List = Greetings> <! - Utiliser Style = Affichage: Aucun; Personnes </ Option> <Valeur d'option = vous êtes un cochon> Vous êtes un cochon </opoption> <Value Option = vous êtes un chien> Vous êtes un chien </opoption> </DATALIST>

Lorsque vous entrez dans la zone de texte, il y aura trois colonnes ci-dessous pour vous rappeler que vous êtes des gens, vous êtes un cochon, vous êtes un chien.

La saisie semi-automatique en a trois, (non spécifiée). Lorsqu'il est spécifié, utilisez la valeur par défaut du touriste. La méthode d'utilisation est la suivante

 <input type = text name = Greeting list = voeux

Lorsque vous entrez dans la zone de texte si vous êtes une personne, cliquez pour soumettre, revenez à la page précédente, puis entrez-moi dans la zone de texte, et vous m'inviterez à être une personne.

Il équivaut à savoir si la valeur d'entrée du jugement d'expression régulière dans la partie HTML répond aux exigences.

Veuillez saisir le contenu: <input type = text patron = [0-9] [az] {3}>

Ce segment du code nécessite de saisir trois lettres de majuscules numériques.

Pour les éléments de Text et TextArea de l'entrée, lorsque l'utilisateur sélectionne une partie du texte dans ces deux éléments, vous pouvez utiliser l'élément pour obtenir la direction de choix.

 <Script Type = Text / JavaScript> fonction alertSelectionDirection () {var Control = Document.Forms [0] [Text ']; Nom du texte = Text> <Type de saisie = Button Value = Remember Me OnClick = AlertSelectionDirection ()> </form>

Pour la case, dans le passé, la sélection et l'état de non-sélection.

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

• hauteur: spécifiez la hauteur de l'image dans le bouton Image;
• Largeur: spécifiez la largeur de l'image dans le bouton Image;

 <Type d'entrée = Image Src = IMG / 2.png Width = 23 Height = 23>

• MaxLength: Configuration à l'aide d'une valeur entière pour limiter le nombre de texte qui peut être entré dans l'élément TextArea.
• Enveloppez: vous pouvez spécifier la valeur d'attribut à Soft and Hard. .

Ce qui précède est tout le contenu de cet article.