¿Por qué necesitamos especificar el valor con elementos HTML?

En este artículo, veremos la necesidad de especificar el valor con elementos HTML junto con conocer los elementos compatibles y su implementación a través de los ejemplos.

El valor con el elemento HTML define el valor predeterminado para ese elemento y los valores de esos elementos se mostrarán en el elemento al cargar la página. El atributo de valor se usa para especificar el valor del elemento que se usa con ese elemento. El significado del atributo de valor variará para diferentes elementos HTML.

Elementos admitidos: el atributo value se puede usar con los siguientes elementos: <input> , <data> , <button> , <meter> , <li> , <option> , <progress> y <param> , <output> .

Sintaxis:

<input value="textData">

Atributo:

  • textData : este valor especifica el valor del elemento específico para el que se declara.

Ejemplo 1: este ejemplo describe el atributo de valor en HTML.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML value Attribute</title>
</head>
  
<body style="text-align:center">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <h2>
        HTML value Attribute
    </h2> Input:
    <input type="text" value="GeeksforGeeks">
</body>
</html>

Producción:

 

Ejemplo 2: este ejemplo describe el atributo de valor HTML con la etiqueta <button>.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML value Attribute</title>
</head>
  
<body style="text-align:center">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <h3>
        HTML value Attribute
    </h3>
    <button type="button" 
        onclick="alert('Welcome to GeeksforGeeks')">
        Show
    </button>
</body>
</html>

Producción:

 

Publicación traducida automáticamente

Artículo escrito por jariwalakunj15 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *