CodeLab
Show Output
 
xxxxxxxxxx
43
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1">
6
<title>Bootstrap Disabled Form</title>
7
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
8
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
9
</head>
10
<body>
11
<div class="m-4">
12
    <form action="/examples/actions/confirmation.php" method="post">
13
        <fieldset disabled>
14
            <div class="row mb-3">
15
                <label for="inputEmail" class="col-sm-2 col-form-label">Email</label>
16
                <div class="col-sm-10">
17
                    <input type="email" class="form-control" id="inputEmail" placeholder="Email" required>
18
                </div>
19
            </div>
20
            <div class="row mb-3">
21
                <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
22
                <div class="col-sm-10">
23
                    <input type="password" class="form-control" id="inputPassword" placeholder="Password" required>
24
                </div>
25
            </div>
26
            <div class="row mb-3">
27
                <div class="col-sm-10 offset-sm-2">
28
                    <div class="form-check">
29
                            <input class="form-check-input" type="checkbox" id="checkRemember">
30
                            <label class="form-check-label" for="checkRemember">Remember me</label>
31
                    </div>
32
                </div>
33
            </div>
34
            <div class="row">
35
                <div class="col-sm-10 offset-sm-2">
36
                    <button type="submit" class="btn btn-primary">Sign in</button>
37
                </div>
38
            </div>
39
        </fieldset>
40
    </form>
41
</div>
42
</body>
 

在微博、微信、公众号、小程序分享此示例。 如果您觉得有帮助,请给我们一个赞。