Cómo definir un valor predeterminado para tipo de entrada = texto sin usar el atributo 'valor'?

Pilar Melgar

Los elementos HTML se utilizan para agregar características particulares a las páginas web. Por ejemplo, el "

"Element crea una tabla, el"El elemento se usa para agregar un campo de entrada y muchos más. En HTML, los atributos se utilizan para especificar la información adicional a los elementos.

Esta publicación le instruirá cómo definir un valor predeterminado para "" sin usar el atributo "valor".

Antes de saltar a la discusión, primero veamos cómo usar el atributo "Valor" especificado en el elemento, que es una mejor opción para definir un valor predeterminado para el elemento "el".

¿Qué es el atributo de "valor" HTML??

En HTML, el "valor"El atributo se usa para establecer el valor predeterminado del elemento de entrada.

Ejemplo

El siguiente bloque de código muestra el ""Elemento tiene los atributos" Tipo "," Clase "y" Valor ":

Aquí está la descripción de los atributos mencionados anteriormente:

- "tipo"El atributo establece el tipo de campo de entrada, como casilla de verificación, radio, texto o más.
- "clase" y "identificaciónLos atributos están configurados para acceder al elemento en CSS o JavaScript para una mayor manipulación.
- "valor"El atributo establece el valor predeterminado.

Producción

Agreguemos los estilos CSS al elemento "" para que sea presentable.

Clase de estilo "estilo de entrada"

El ".estilo de entrada"Se usa para acceder a la clase para su estilo, y las siguientes propiedades se aplican:

.estilo de entrada
relleno: 10px;
tamaño de fuente: 20px;
Border-Radius: 10px;
borde: 1px RGB sólido (204 203 203);
Shadow de caja: 1PX 1PX 1PX 1PX RGB (204 203 203);

Aquí:

- "relleno"Agrega espacio dentro del borde del elemento.
- "tamaño de fuente"Define el tamaño de la fuente.
- "radio fronterizo"Hace que los bordes del elemento reduzcan.
- "borde"Aplica el borde alrededor del elemento.
- "sombra de la caja"Agrega una sombra alrededor del elemento. Especifica los valores para su desplazamiento horizontal, desplazamiento vertical, efecto borroso, efecto de propagación y color.

Producción

Cómo definir un valor predeterminado para "tipo de entrada = texto" sin usar el atributo "valor"?

En HTML, hay varias formas de establecer un valor predeterminado para "tipo de entrada = texto". Algunos de ellos se enumeran a continuación:

- Uso del atributo de "marcador de posición"
- Uso de la propiedad JavaScript "Value"
- Uso del método jQuery "val ()"

Método 1: Cómo definir un valor predeterminado para "Tipo de entrada = Texto" utilizando el atributo HTML "Posición"?

El método para establecer el valor predeterminado para el ""El elemento es el"marcador de posición" atributo. Este atributo está configurado para mostrar el contenido en el elemento de entrada:

Producción

Hasta ahora, hemos explicado cómo establecer el valor predeterminado del elemento "" en HTML. También puede especificar el valor predeterminado usando JavaScript y jQuery. Discutamos esos enfoques uno por uno.

Método 2: Cómo establecer un valor predeterminado para "Tipo de entrada = Texto" utilizando la propiedad JavaScript "Value"?

También puede determinar el valor predeterminado de un campo de entrada usando JavaScript. Para incluir el código JavaScript en HTML, agregue el ""Etiquetas:

Dentro de ""Etiquetas, especifique el"documento.getElementById ()"Para obtener el elemento de entrada por ID. Luego, agregue el "valor"Propiedad y establecer el valor predeterminado en el elemento.

Producción

Método 3: Cómo especificar un valor predeterminado para "Tipo de entrada = Texto" utilizando el método jQuery "Val ()"?

Otra forma eficiente de definir el valor predeterminado para "tipo de entrada = texto" es el jQuery "val ()" método. jQuery es una biblioteca de JavaScript. Se requiere descargar jQuery antes de usar sus métodos o lo incluye a través de CDN como Google.

Para descargarlo, visite jQuery.comunicarse. Luego, especifique la referencia dentro del ""Sección del HTML:

Para incluir jQuery con el CDN, especifique el siguiente código:

En HTML, dentro del ""Elemento, agregue el"psMétodo "con la identificación de un elemento como parámetro y obtener el elemento. Luego, agregue el ".val ()Método "para especificar el valor predeterminado:

>$ ('#Ejemplo).val ('predeterminado');

Producción

Se puede observar que el valor predeterminado para el campo de entrada se ha establecido correctamente.

Conclusión

En HTML, para definir un valor predeterminado para "", el "valorSe utiliza el atributo. Sin embargo, existen varias formas alternativas, como usar el "marcador de posición"Atributo, código JavaScript y métodos jQuery. Para agregar el código JavaScript y jQuery en HTML, especifique el ""Etiquetas. El "valor"Propiedad en JavaScript y el"val ()El método en jQuery se utilizan para establecer el valor predeterminado. Esta publicación ha explicado los métodos para establecer el valor predeterminado para "" sin usar el atributo "Valor".