<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Демо проверка знаний о формах bootstrap 3</title> <meta name="author" content="Я" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="/assets/css/bootstrap.css" rel="stylesheet" /> <script src="/assets/js/jquery-2.1.1.min.js"></script> <script src="/assets/js/bootstrap.min.js"></script> </head> <body class="container"> <div class="row"> <div class="col-md-12"> <header class="text-center"> <h1>Проверить себя</h1> <p>Попробуйте изменить имеющуюся форму. Для сброса, обновите страницу с материалом о формах.</p> </header> <!--Ваш код--> <div class="col-md-6 col-md-offset-3" style="margin-top:200px;"> <form role="form"> <div class="form-group"> <label for="exampleInputEmail">Е-майл</label> <input type="email" class="form-control" placeholder="Ваш Е-майл" disabled> </div> <div class="form-group"> <label>Пароль</label> <input type="password" class="form-control" placeholder="Ваш пароль" disabled> </div> <div class="form-group"> <label>Ваш файл</label> <input type="file" disabled> <p class="help-block">Не более метра</p> </div> <div class="checkbox"> <label> <input type="checkbox" id="nebot"> Я не бот </label> </div> <button type="submit" class="btn btn-default">Отправить </button> </form> <script> $(function (){ $('#nebot').click(function (){ $('input[type="email"],input[type="password"],input[type="file"]').removeAttr('disabled'); }); }); </script> <!--/Ваш код--> </div> </div> </div> </body> </html>