login_form.php

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Login</title>
        <link rel="stylesheet" href="<?= base_url('assets/bootstrap-3.3.5/css/bootstrap.min.css') ?>">
        <link rel="stylesheet" type="text/css" href="<?= base_url('assets/css/login.css');?>"/>
        <link rel="stylesheet" type="text/css" href="<?= base_url('assets/css/reset.css');?>"/>
        <script src="<?= base_url('assets/bootstrap-3.3.5/js/jquery-2.1.4.min.js') ?>"></script>
        <script src="<?= base_url('assets/bootstrap-3.3.5/js/bootstrap.min.js') ?>"></script>
        <style type="text/css">
        .kotak{
            margin-top: 150px;
        }

        .kotak .input-group{
            margin-bottom: 20px;
        }
        </style>
    </head>

<body>
<div id="login_box">
    <div class="panel-body">
            <h1>Login</h1>

            <?= form_open('login', ['name' => 'login_form', 'id' => 'login_form']); ?>

            <?php if(!empty($this->session->flashdata('error'))) : ?>
            <div class="alert alert-danger alert-dismissable fade in">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <strong>Perhatian!</strong> <?= $this->session->flashdata('error') ?>
            </div>
            <?php endif ?>
            <p>
                <?= form_label('Username', 'username') ?>
                <?= form_input('username', $input->username, ['class' => 'form_field']) ?>
            </p>
            <?= form_error('username', '<p class="field_error">' , '</p>');?>

            <p>
                <?= form_label('Password', 'password') ?>
                <?= form_password('password', $input->password, ['class' => 'form_field']) ?>
            </p>
            <?= form_error('password', '<p class="field_error">' , '</p>');?>
            <div class="center">
                <input type="submit" name="submit" id="submit" value="Login" />
            </div>
            <?= form_close() ?>
    </div>
</div>
</body>
</html>