La diferencia entre la identificación de nombre HTML y la clase

Especifique el nombre de la etiqueta.

Formato

 <input type = text name = username />

Escenarios de aplicación

① Formulario: el nombre se puede usar como un nombre de variable transferido a la lista de la lista de servidores;

②Tinput type = 'Radio' etiquetas individuales: al configurar el nombre de varias etiquetas seleccionadas en uno del mismo valor, realizará una operación de selección única.

 <input type = radio name = 'sex'/> macho <input type = radio name = 'sex'/> mujer

③ Obtenga rápidamente un conjunto del mismo nombre de nombre: Obtenga la etiqueta con el mismo nombre y opere juntos, como cambiar los atributos y los eventos de registro.

 Function changtxtColor () {var txts = document.getElementsByName ('txtColor'); Póngalo el color de fondo se cambia a txts rojos [i] .style.backgroundcolor = 'rojo';}}

característica

El valor del atributo de nombre no es único en la página de la página actual.

Especifique el logotipo único de la etiqueta.

Formato

 <Entrada tipo = ID de contraseña = userpwd />

Escenarios de aplicación

① Obtenga rápidamente objetos de etiqueta de acuerdo con el número de identificación único proporcionado. Tales como: document.getElementById (ID)

② Valor utilizado para actuar como el atributo de etiqueta de etiqueta: Ejemplo: <etiqueta for = 'userId'> UserName: </label>, lo que indica que cuando hace clic en esta etiqueta de etiqueta, la ID es el foco de UserId.

característica

El valor del atributo de identificación es único en la página de la página actual.

Especifique el nombre de la etiqueta.

Formato

 <Entrada tipo = button class = btnsubmit />

Escenarios de aplicación

①CSS Operation, coloque algunos estilos específicos en una clase de clase, debe etiquetar este estilo, que se puede agregar.

característica

Puede poner varias clases en una propiedad de clase, pero debe estar separado por el espacio;