Le contenu partagé par cet article concerne certains attributs d'objets HTML couramment utilisés adaptés aux débutants à apprendre. Ce site Web comprend certains attributs d'objets HTML couramment utilisés adaptés aux débutants à apprendre. Il explique les méthodes et les connaissances pertinentes des méthodes d'application et des connaissances des attributs d'objet des débutants dans l'article. Bienvenue pour vous apporter un soutien et aider à cet égard! Voici les détails:
Ce que cet article partage avec vous concerne certaines propriétés d'objets HTML couramment utilisées adaptées aux débutants à apprendre.
Former des objetsMéthode de l'objet de formulaire
reset (): réinitialisez tous les éléments d'entrée du formulaire à leurs valeurs par défaut.
Soumide (): Soumettez le formulaire.
Objet textePropriétés de l'objet texte
Désactivé: définit ou renvoie si le champ de texte doit être désactivé.
ReadOnly: Définit ou renvoie si le champ de texte doit être en lecture seule.
Valeur: définit ou renvoie l'attribut de valeur du champ de texte.
Méthode d'objet texte
focus (): Définissez Focus sur le champ de texte.
Exemple
<! Doctype html> <html> <éadf> <meta charset = utf-8> <tight> </ title> </ head> <body> <form> <input name = wd /> <input type = soumider value = baidu onclick = sub ()> </ form> <script> var form = document.getElementsByTagname (form) [0]; var text = document.getElementsByName (wd) [0]; text.focus (); fonction sub () {var text = document.getElementsByName (wd) [0]; // text.value = magic; // text.readonly = true; // console.log (text.readonly); // text.disabled = true; console.log (text.disabled); text.focus (); } // Les balises avec texte de type, mot de passe et textarea ont de la valeur, de la concentration, des désactivés et de la lecture </cript> </body> </html> Objets radioPropriétés de l'objet radio
Vérifié: définit ou renvoie l'état du bouton radio.
Désactivé: Définit ou renvoie pour désactiver le bouton radio.
Valeur: définit ou renvoie la valeur de la propriété de valeur du bouton radio.
Vérifier l'objetVérifiez les propriétés de l'objet
coché: Définit ou renvoie si la boîte à cocher doit être sélectionnée.
Désactivé: Définissez ou renvoyez si la boîte à cocher doit être désactivée.
Valeur: définit ou renvoie la valeur de l'attribut de valeur à cocher
Sélectionner l'objetSélectionner la collection d'objets
Options []: Renvoie un tableau contenant toutes les options de la liste déroulante.
Sélectionner les propriétés de l'objet
Désactivé: définit ou renvoie si la liste déroulante doit être désactivée.
Longueur: renvoie le nombre d'options dans la liste déroulante.
SelectedIndex: définit ou renvoie le numéro d'index de l'élément sélectionné dans la liste déroulante.
Sélectionner la méthode de l'objet
Add (): Ajoutez une option à la liste déroulante.
Supprime (): supprimez une option de la liste déroulante.
Objet d'optionMéthode de construction d'objets d'option
Option (texte, valeur): créer un objet d'option via des valeurs de texte et de valeur
Propriétés de l'objet option
sélectionné: définit ou renvoie la valeur de la propriété sélectionnée.
Texte: définit ou renvoie la valeur du texte brut d'une option.
Valeur: définit ou renvoie la valeur envoyée au serveur.
Sélectionnez Exemple de l'objet objet et option <! DocType HTML> <HTML> <A-Head> <Meta Charset = UTF-8> <Title> </ Title> </ Head> <Body> <SELECT ID = Grade> <Option Value = 1> First Grade </ Option> <Option Value = 2> Second Grade </ Option> Option> </ SELECT> </ SELECT> </ SELECT> Bouton = Text = 4> Fourth Grade </ Option> Value = Button / Button /> <Script Type = Text / JavaScript> Fonction Text () {var Select = Document.GetElementById (Grade); console.log (select.disabled); console.log (select.length); console.log (select.selectedIndex); console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ `) Var Options = select.options; console.log (options [select.selectedIndex] .Value); console.log (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@datedis s'attaquent pas (Var i = 0; i <Options.Length; console.log (Options [i] .Selected); console.log (Options [i] .Text); } option var = nouvelle option (5e année, 5); select.add (option); select.Remove (0); } </ script> </ body> </html> Formulaire d'inscription <! Doctype html> <html> <éadf> <meta charset = utf-8> <tight> </ title> </ head> <body> <span style = colore: red; ID = Mauvais-massage> </ span> <br /> <formulaire OnSubmit = return Check ()> <Sweet> <Tr> <Td> Username: </td> <td> <Input id = name Planholder = Veuillez saisir le nom d'utilisateur OnBlur = Check_Name ()> </ td> </pr> <tr> <td> Passways: </td> <td> onblur = check_pw ()> </td> </tr> <tr> <td> confirmer le mot de passe: </td> <td> <entrée id = pw-check type = mot de passe placeholder = s'il vous plaît entrez le mot de passe de confirmation /> </ td> </tr> </ table> <entrée type = radio nom = valeur sexuelle = 0 /> mâle <entrée = nom = sexe value Valeur = 0 /> Badminton <Type d'entrée = Checkbox Name = Hobby Value = 1 /> Basketball <Type d'entrée = Checkbox Name = Hobby Value = 1 /> Table Tennis <Grade> <Option Valent = 1> Freshman </ Option> <Option Value = 2> Soul </ Option> <option = Value = 3> JUNIOR </lelect> <br /> <td> <entrée type = reset value = reset / </td> <td> <input type = soumider value = registre / </td> </orm> <script> // Utilisation de la fonction $ () peut enregistrer le montant du code $ (id) {return document.getElementById (id); } Fonction Check () {var n = document.getElementById (name); var w = document.getElementById (PW); var msg = document.getElementById (Mauvais-massage); var c = document.getElementById (PW-Check); if (n.value.length> 12) {msg.innerhtml = Le nom d'utilisateur ne peut pas dépasser 15 caractères, veuillez rentrer! ; n.focus (); retourne false; } if (n.value.length == 0) {msg.innerhtml = Le nom d'utilisateur ne peut pas être vide, veuillez vous réintégrer! ; n.focus (); retourne false; } if (w.value.length> 12) {msg.innerhtml = Le mot de passe ne peut pas dépasser 12 caractères, veuillez rentrer! ; w.focus (); retourne false; } if (w.value.length == 0) {msg.innerhtml = Le mot de passe ne peut pas être vide, veuillez vous réintégrer! ; w.focus (); retourne false; } if (w.value! = c.value) {msg.innerhtml = le mot de passe est faux, veuillez vous rendre! ; c.focus (); retourne false; } var sexe = document.getElementsByName (sexe); var hobby = document.getElementsByName (hobby); for (var i = 0; i <sex.length; i ++) {sexe [i] .disabled = true; Console.log (sexe [i] .Coched + + sexe [i] .value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) for (var i = 0; i <hobby.length; i ++) {Hobby [i] .Checked = true; Console.log (Hobby [i] .Coched + + Hobby [i] .Value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) var Select = Document.getElementById (grade); Var Options = select.options; console.log (select.length); console.log (select.selectedIndex); console.log (options [select.selectedIndex] .Value); pour (var i = 0; i <options.length; i ++) {var option = options [i]; console.log (option.value) select.disabled = true; } return false; } function check_name () {var n = document.getElementyId (name); var msg = document.getElementById (Mauvais-massage); if (n.value.length> 12) {msg.innerhtml = Le nom d'utilisateur ne peut pas dépasser 15 caractères, veuillez rentrer! ; n.value =; n.focus (); } else if (n.value.length == 0) {msg.innerhtml = Le nom d'utilisateur ne peut pas être vide, veuillez vous réintégrer! ; n.focus (); } else {msg.innerhtml =; }} fonction check_pw () {var w = document.getElementById (pw); var msg = document.getElementById (Mauvais-massage); if (w.value.length> 12) {msg.innerhtml = Le mot de passe ne peut pas dépasser 12 caractères, veuillez rentrer! ; w.value =; w.focus (); } else if (w.value.length == 0) {msg.innerhtml = le mot de passe ne correspond pas, veuillez rentrer! ; w.focus (); } else {msg.innerhtml =; }} </ script> </ body> </html> Objet d'imagePropriétés de l'objet d'image
SRC: définissez ou renvoyez l'URL de l'image.
Le contenu de l'introduction à certaines propriétés d'objets HTML couramment utilisées adaptées aux débutants à apprendre est ici. Vous pouvez mettre en signet l'URL de cette page http://www.vevb.com/web/a/2018090496002.shtml pour un accès facile la prochaine fois.