El contenido compartido por este artículo trata sobre algunos atributos de objeto HTML de uso común adecuados para principiantes. Este sitio web incluye algunos atributos de objetos HTML de uso común adecuados para principiantes. Explica los métodos y el conocimiento relevantes de los métodos de aplicación y el conocimiento de los atributos del objeto de los principiantes en el artículo. ¡Bienvenido para brindarle algo de apoyo y ayuda en este sentido! Los siguientes son los detalles:
Lo que este artículo comparte con usted se trata de algunas propiedades de objetos HTML de uso común adecuadas para principiantes.
Objeto de formularioMétodo de objeto de formulario
RESET (): Restablezca todos los elementos de entrada del formulario a sus valores predeterminados.
enviar (): Envíe el formulario.
Objeto de textoPropiedades del objeto de texto
Desactivado: Establece o devuelve si el campo de texto debe deshabilitarse.
Readonly: establece o devuelve si el campo de texto debe ser de solo lectura.
Valor: establece o devuelve el atributo de valor del campo de texto.
Método de objeto de texto
Focus (): Establezca enfoque en el campo de texto.
Ejemplo
<! Doctype html> <html> <fead> <meta charset = utf-8> <title> </title> <bead> <body> <form> <input name = wd/> <input type = enviar value = baidu onClick = sub ()> </form> <script> var form = document.getElementsbyTagname (formy) [0]; var text = document.getElementsByName (WD) [0]; text.focus (); function sub () {var text = document.getElementsByName (wd) [0]; // text.value = magic; // text.readonly = true; // console.log (text.readonly); // text.disable = true; console.log (text.disable); text.focus (); } // Las etiquetas con texto de tipo, contraseña y textura tienen valor, enfoque, desactivado y readonly </script> </body> </html> Objetos de radioPropiedades de objetos de radio
Verificado: establece o devuelve el estado del botón de radio.
Desactivado: establece o devuelve si se debe deshabilitar el botón de radio.
Valor: establece o devuelve el valor de la propiedad de valor del botón de radio.
Objeto de casilla de verificaciónPropiedades del objeto de casilla de verificación
Verificado: establece o devuelve si se debe seleccionar la casilla de verificación.
Desactivado: Establezca o devuelva si la casilla de verificación debe deshabilitarse.
Valor: establece o devuelve el valor del atributo de valor de casilla de verificación
Seleccionar objetoSeleccionar colección de objetos
Opciones []: Devuelve una matriz que contiene todas las opciones en la lista desplegable.
Seleccionar propiedades de objeto
Desactivado: Establece o devuelve si la lista desplegable debe deshabilitarse.
Longitud: Devuelve el número de opciones en la lista desplegable.
SelectedIndex: establece o devuelve el número de índice del elemento seleccionado en la lista desplegable.
Seleccionar el método de objeto
Agregar (): Agregue una opción a la lista desplegable.
eliminar (): eliminar una opción de la lista desplegable.
Objeto de opciónMétodo de construcción de objetos de opción
Opción (texto, valor): cree un objeto de opción a través de valores de texto y valor
Propiedades del objeto de opción
Seleccionado: establece o devuelve el valor de la propiedad seleccionada.
Texto: establece o devuelve el valor de texto sin formato de una opción.
Valor: establece o devuelve el valor enviado al servidor.
Seleccione el ejemplo del objeto y opción del objeto <! Doctype html> <html> <fead> <meta charset = utf-8> <title> </title> </head> <body> <select id = grado> <opción valor = 1> primer grado </ppection> <opción valor = 2> segundo grado </opción> <opción valor = 3> segundo grado </opción <option> valor valor = botón/botón/> <script type = text/javaScript> function text () {var select = document.getElementById (grado); console.log (select.disable); console.log (select.length); console.log (select.selectedIndex); console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ `) Var Opciones = select.options; console.log (opciones [select.selectedIndex] .Value); console.log (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@) para (var i = 0; i <options.length; i ++) {console.log (opciones [i] .value); console.log (opciones [i] .selected); console.log (opciones [i] .Text); } opción var = nueva opción (quinto grado, 5); select.Add (opción); select.remove (0); } </script> </body> </html> Formulario de inscripción <! Doctype html> <html> <fead> <meta charset = utf-8> <title> </title> </head> <body> <span style = color: rojo; id = incorrecto-massage> </span> <br/> <form de forma ondsubMit = return check ()> <table> <tr> <td> nombre de usuario: </td> <td> <input id = name poskolder = por favor ingrese el nombre de usuario enblur = check_name ()> </td> </tr> <tr> <td> contraseña: </td> <td> <ping id = phating contraseña onblur = check_pw ()> </td> </tr> <tr> <td> Confirmar contraseña: </td> <td> <input id = pw-check type = contraseña de poskingholder = Por favor ingrese la contraseña de confirmación/> </td> </tr> </table> <input type = radio = sexo value = 0/> macho <type de entrada = nombre de radio = 1/> 1/> femenino <brailebo de rico = name = Radio = Radio = Radio Value = 0/> Masculino <Inuminición = Nombre de radio = 1/1/> femenino <BR/> BR/BRATOM. valor = 0/> badminton <input type = checkbox name = hobby value = 1/> baloncesto <input type = checkbox name = hobby value = 1/> table tenis <input type = checkbox name = hobby value = 3/> football <br/> <select id = grado> <opción valor = 1> estudiante de primer año <//opción> Valor> s. </select> <br/> <td> <input type = reset value = reset/</td> <td> <input type = shit value = registro/</td> </form> <script> // utilizando la función $ () puede ahorrar la cantidad de código $ (id) {return document.getElementById (id); } function check () {var n = document.getElementById (nombre); var w = document.getElementById (PW); var msg = document.getElementById (incorrecto-masaje); var c = document.getElementById (PW-Check); if (n.value.length> 12) {msg.innerhtml = El nombre de usuario no puede exceder los 15 caracteres, ¡vuelva a ingresar! ; n.focus (); devolver falso; } if (n.value.length == 0) {msg.innerhtml = El nombre de usuario no puede estar vacío, ¡vuelva a ingresar! ; n.focus (); devolver falso; } if (w.value.length> 12) {msg.innerhtml = La contraseña no puede exceder los 12 caracteres, ¡vuelva a ingresar! ; w.focus (); devolver falso; } if (w.value.length == 0) {msg.innerhtml = La contraseña no puede estar vacía, ¡vuelva a ingresar! ; w.focus (); devolver falso; } if (W.Value! = C.Value) {msg.innerhtml = la contraseña es incorrecta, ¡vuelva a ingresar! ; C.Focus (); devolver falso; } var sexy = document.getElementsByName (sexo); var hobby = document.getElementsByName (Hobby); para (var i = 0; i <sex.length; i ++) {sex [i] .disable = true; console.log (sexo [i] .legado + + sexo [i] .value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) para (var i = 0; i <hobby.length; i ++) {hobby [i] .checked = true; console.log (hobby [i] .legado + + hobby [i] .value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~) var select = document.getElementById (grado); opciones var = select.options; console.log (select.length); console.log (select.selectedIndex); console.log (opciones [select.selectedIndex] .Value); for (var i = 0; i <options.length; i ++) {var option = options [i]; console.log (opción.value) select.disable = true; } return false; } function check_name () {var n = document.getElementById (nombre); var msg = document.getElementById (incorrecto-masaje); if (n.value.length> 12) {msg.innerhtml = El nombre de usuario no puede exceder los 15 caracteres, ¡vuelva a ingresar! ; N.Value =; n.focus (); } else if (n.value.length == 0) {msg.innerhtml = El nombre de usuario no puede estar vacío, ¡vuelva a ingresar! ; n.focus (); } else {msg.innerhtml =; }} función check_pw () {var w = document.getElementById (pw); var msg = document.getElementById (incorrecto-masaje); if (w.value.length> 12) {msg.innerhtml = La contraseña no puede exceder los 12 caracteres, ¡vuelva a ingresar! ; W.Value =; w.focus (); } else if (w.value.length == 0) {msg.innerhtml = la contraseña no coincide, ¡vuelva a ingresar! ; w.focus (); } else {msg.innerhtml =; }} </script> </body> </html> Objeto de imagenPropiedades del objeto de imagen
SRC: Establezca o devuelva la URL de la imagen.
El contenido de la introducción a algunas propiedades de objetos HTML de uso común adecuado para principiantes para aprender aquí. Puede marcar la URL de esta página http://www.vevb.com/web/a/2018090496002.shtml para un fácil acceso la próxima vez.