Site icon DataFlair

Bootstrap Forms

We offer you a brighter future with industry-ready online courses - Start Now!!

Program 1

<html>
    <head>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    </head>
    <body>
        <form>
            <div>
                <label class="form-label">Email:</label>
                <input type="email" class="form-control">
            </div>

            <div>
                <label class="form-label">Password:</label>
                <input type="password" class="form-control">
            </div>

            <div>
                <label class="form-label">Gender:</label>
                Male:<input type="radio" class="form-check-input" name="gender">
                Female:<input type="radio" class="form-check-input" name="gender">
            </div>
            <select class="form-select">
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select>
            <button type="submit" class="btn btn-primary">Submit</button>

        </form>
    </body>
</html>

 

Exit mobile version