Marcador de posición de entrada de Bulma

El marcador de posición de Bulma se usa para colocar la entrada solicitada del usuario, es decir, es la breve sugerencia para los usuarios que describe el valor esperado de un campo de entrada. Por ejemplo, si desea obtener la identificación del correo electrónico del usuario, agregue un marcador de posición para escribir la identificación del correo electrónico. En el campo de entrada, usamos el marcador de posición usando el atributo de marcador de posición html .

Clase de marcador de posición de Bulma: no hay una clase predefinida para esto, se puede hacer usando el atributo de marcador de posición HTML.

Sintaxis:

 <input placeholder=""></input>

El siguiente ejemplo ilustra el marcador de posición de Bulma:

Ejemplo: En este ejemplo, usaremos un marcador de posición en la etiqueta de entrada y el valor será Texto normal.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <link rel='stylesheet' href=
'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'>
</head>
 
<body class="has-text-centered">
    <h1 class="is-size-2 has-text-success">
        GeeksforGeeks
    </h1>
    <b>Bulma Placeholder</b>
    <br>
    <div class='container'>
        <div class='columns is-mobile mr-4'>
            <div class='column'>
                <div class="field">
                    <div class="control">
                        <input class="input"
                            type="text"
                            placeholder='Normal Input'>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
 
</html>

Producción:

Bulma Placeholder

Referencia: https://bulma.io/documentation/utilities/mixins/#placeholder

Publicación traducida automáticamente

Artículo escrito por skyridetim 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 *