Open In App

Bulma Input Placeholder

Improve
Improve
Like Article
Like
Save
Share
Report

The Bulma placeholder is used to place the asking input from the user i.e. it is the short hint for users that describes the expected value of an input field. For example – if you want to get email Id from the user, then add placeholder to write email id. In input field, we use placeholder using html placeholder attribute.

Bulma Placeholder Class: There is no predefined class for this, it can be done by using the HTML Placeholder attribute.

Syntax:

 <input placeholder=""></input>

Below example illustrate the Bulma placeholder:

Example: In this example, we will use placeholder on input tag and the value will be Normal Text.

HTML




<!DOCTYPE html>
<html>
 
<head>
    <link rel='stylesheet' href=
</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>


Output:

Bulma Placeholder

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



Last Updated : 09 Feb, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads