Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html lang="en"> <head> <title>Ví dụ về Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width , init-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https: //ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/ js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Biểu mẫu nội tuyến với lớp chỉ .sr</h2> <p>Làm cho khung nhìn lớn hơn rộng hơn 768px để thấy rằng tất cả các thành phần của biểu mẫu đều nằm trong dòng, căn trái và các nhãn nằm dọc theo.</p> <form class="form-inline" action="/action_page.php"> <div class=" form-group"> <label class="sr-only" for="email">Email:</label> <input type="email" class="form-control" id="email" placeholder="Nhập email " name="email"> </div> <div class="form-group"> <label class="sr-only" for="pwd">Mật khẩu:</label> <input type="password" class ="form-control" id="pwd" placeholder="Nhập mật khẩu" name="pwd"> </div> <div class="checkbox"> <label><input type="checkbox" name="remember" > Ghi nhớ tôi</label> </div> <button type="submit" class="btn btn-default">Gửi</button> </form> </div> </body> </html>