In dem von diesem Artikel geteilten Inhalt handelt es sich um einige häufig verwendete HTML -Objektattribute, die für Anfänger lernen können. Diese Website enthält einige häufig verwendete HTML -Objektattribute, die für Anfänger lernen können. Es erläutert die relevanten Methoden und Kenntnisse der Anwendungsmethoden und des Wissens der Objektattribute von Anfängern im Artikel. Willkommen, Ihnen in dieser Hinsicht Unterstützung und Hilfe zu geben! Das Folgende sind die Details:
Was in diesem Artikel mit Ihnen teilt, betrifft einige häufig verwendete HTML -Objekteigenschaften, die für Anfänger lernen können.
FormobjektFormular -Objektmethode
Reset (): Alle Eingabeelemente des Formulars auf ihre Standardwerte zurücksetzen.
subine (): das Formular einreichen.
TextobjektTextobjekteigenschaften
Deaktiviert: Setzt oder gibt zurück, ob das Textfeld deaktiviert werden soll.
Readonly: Sets oder gibt zurück, ob das Textfeld schreibgeschützt sein soll.
Wert: Legt oder gibt das Wertattribut des Textfelds fest.
Textobjektmethode
Focus (): Fokus auf das Textfeld.
Beispiel
<! DocType html> <html> <head> <meta charset = utf-8> <title> </title> </head> <body> <Formular> <Eingabename = WD/> <Eingabe type = subay value = baidu onclick = sub ()> </Form> <Script> var Form = Dokument. var text = document.getElementsByName (WD) [0]; text.focus (); Funktion 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 (); } // Tags mit Typtextexte, Kennwort und Textbereich haben Wert, Fokus, deaktiviert und readonly </script> </body> </html> FunkobjekteFunkobjekteigenschaften
Überprüft: Setzt oder gibt den Status des Optionsfelds zurück.
Deaktiviert: Setzt oder gibt zurück, ob das Optionsfeld deaktiviert werden soll.
Wert: Legt oder gibt den Wert der Wertschaltfläche des Optionsschaltwerks fest.
Kontrollkästchen ObjektKontrollkästchen -Objekteigenschaften
Überprüft: Sets oder gibt zurück, ob das Kontrollkästchen ausgewählt werden soll.
Deaktiviert: Setzen oder zurückgeben, ob das Kontrollkästchen deaktiviert werden soll.
Wert: Legt oder gibt den Wert des Kontrollkästchen -Wertungsattributs fest oder gaben sie zurück
Wählen Sie ObjektWählen Sie Objektsammlung
Optionen []: Gibt ein Array zurück, das alle Optionen in der Dropdown-Liste enthält.
Wählen Sie Objekteigenschaften
Deaktiviert: Setzt oder gibt zurück, ob die Dropdown-Liste deaktiviert werden soll.
Länge: Gibt die Anzahl der Optionen in der Dropdown-Liste zurück.
SelectedIndex: Legt oder gibt die Indexnummer des ausgewählten Elements in der Dropdown-Liste fest.
Wählen Sie die Objektmethode
Hinzufügen (): Fügen Sie der Dropdown-Liste eine Option hinzu.
entfernen (): Entfernen Sie eine Option aus der Dropdown-Liste.
OptionsobjektOption Objektkonstruktionsmethode
Option (Text, Wert): Erstellen Sie ein Optionsobjekt über Text- und Wertwerte
Option Objekteigenschaften
Ausgewählt: Setzt oder gibt den Wert der ausgewählten Eigenschaft zurück.
Text: Legt oder gibt den Klartextwert einer Option zurück.
Wert: Legt oder gibt den an den Server gesendeten Wert zurück.
Auswählen von Objekt- und Optionsobjektbeispiel <! DocType html> <html> <head> <meta charSet = utf-8> <titels> </title> </head> <body> <select id = grade> <Option Wert = 1> Erste Klasse Erste Klasse </Option> <Option Wert = 2> Zweite Klasse. value = schalttaste/> <skript type = text/javaScript> Funktion text () {var select = document.getElementById (Note); console.log (select.disabled); console.log (select.length); console.log (select.selectedIndex); console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ `) var options = select.options; console.log (Optionen [select.selectedIndex] .Value); console.log(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@) for(var i=0;i<options.length;i++){ console.log(options[i].value); console.log (Optionen [i]. Ausgewählt); console.log (Optionen [i] .Text); } var option = neue Option (5. Klasse, 5); select.add (Option); select.remove (0); } </script> </body> </html> Registrierungsformular <! DocType html> <html> <kopf> <meta charset = utf-8> <titels> </title> </head> <body> <span style = color: rot; id = falsche Message> </span> <br/> <Formular OnSubmit = return check () <table> <tr> <Td> Benutzername: </td> <td> <Eingabe id = Name Platzhalter = Bitte geben Sie den Benutzername ein. Das Kennwort onblur = check_pw ()> </td> </tr> <tr> <td> Passwort bestätigen: </td> <td> <Eingabe-ID = PW-Check Type = Passwort platzhalter = Bitte geben Sie das Bestätigungskennwort ein. name=hobby value=0/> Badminton<input type=checkbox name=hobby value=1/> Basketball<input type=checkbox name=hobby value=1/> Table tennis<input type=checkbox name=hobby value=3/> Football<br /> <select id=grade> <option value=1>Freshman</option> <option value=2>Soul</option> <option value=3>Junior</option> <option value = 4> Senior </option> </select> <br/> <td> <Eingabe type = Reset Value = Reset/</td> <td> <Eingabe type = surfen value = register/</td> </form> <script> // Verwenden der Funktion $ () kann die Funktion $ (ID) {ID) {return documentByIdByid (id) speichern; } function check () {var n = document.getElementById (Name); var w = document.getElementById (PW); var msg = document.getElementById (falsche Masse); var c = document.getElementById (PWE-Check); if (n.Value.length> 12) {msg.innnerhtml = Der Benutzername darf 15 Zeichen nicht überschreiten, bitte gehen Sie wieder ein! ; n.focus (); false zurückgeben; } if (n.value.length == 0) {msg.innnerhtml = Der Benutzername kann nicht leer sein, bitte gehen Sie wieder ein! ; n.focus (); false zurückgeben; } if (w.value.length> 12) {msg.innerhtml = Das Passwort darf nicht überschreiten, 12 Zeichen, bitte gehen Sie wieder ein! ; w.focus (); false zurückgeben; } if (w.value.length == 0) {msg.innerhtml = Das Passwort kann nicht leer sein, bitte gehen Sie wieder ein! ; w.focus (); false zurückgeben; } if (w.value! ; c.focus (); false zurückgeben; } var sex = document.getElementsByName (Sex); var hobby = document.getElementsByName (Hobby); für (var i = 0; i <sex.length; i ++) {sex [i] .DIENDED = TRUE; console.log (sex [i]. } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) für (var i = 0; i <hobby.length; i ++) {Hobby [i] .Checked = true; console.log (hobby [i]. } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) var select = document.getElementById (Note); var options = select.options; console.log (select.length); console.log (select.selectedIndex); console.log (Optionen [select.selectedIndex] .Value); für (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.getElementById (name); var msg = document.getElementById (falsche Masse); if (n.Value.length> 12) {msg.innnerhtml = Der Benutzername darf 15 Zeichen nicht überschreiten, bitte gehen Sie wieder ein! ; n.Value =; n.focus (); } else if (n.value.length == 0) {msg.innerhtml = Der Benutzername kann nicht leer sein, bitte gehen Sie wieder ein! ; n.focus (); } else {msg.innerhtml =; }} Funktion check_pw () {var w = document.getElementById (PW); var msg = document.getElementById (falsche Masse); if (w.value.length> 12) {msg.innerhtml = Das Passwort darf nicht 12 Zeichen überschreiten, bitte gehen Sie wieder ein! ; W.Value =; w.focus (); } else if (w.value.length == 0) {msg.innerhtml = Passwort stimmt nicht überein, bitte treten Sie wieder ein! ; w.focus (); } else {msg.innerhtml =; }} </script> </body> </html> BildobjektBildobjekteigenschaften
SRC: Setzen oder geben Sie die URL des Bildes ein oder geben Sie sie zurück.
Der Inhalt der Einführung in einige häufig verwendete HTML -Objekteigenschaften, die für Anfänger zu lernen sind, ist hier. Sie können die URL dieser Seite mit einem Lesezeichen http://www.vevb.com/web/a/2018090496002.shtml für den einfachen Zugriff beim nächsten Mal.