안녕하세요

로그인 페이지를 만들고 있는데 괜찮은 bootstrap theme을 가져와서 만들려고 합니다. 장고에서 원래 만들었던 로그인 페이지 까지 적용은 다했는데 form에서 문제가 발생하네요...

기존 코드는 이런식입니다.

    <form method="post" action=".">{% csrf_token %}
        <table border="0">
             <tr><th><label for="id_username">Username:</label></th><td>{{ form.username }}</td></tr>
            <tr><th><label for="id_password">Password:</label></th><td>{{ form.password }}</td></tr> 

        </table>
        <input type="submit" value="Sign In" />
        <input type="hidden" name="next" value="/home" />
    </form>
    <br>
    <a href="/register">Sign Up</a>

그런데 지금 같은 로그인 페이지가 맘에 안들어서

이런식으로 바꾸고 싶은데 코드에서 문제는 {{form.username}} {{form.password}} 부분입니다. 이부분에서 유저네임하고 패스워드를 받아서 계정확인을 하는데 저렇게 아이디와 패스워드 받는 부분을 길게 하려면 어떻게 해야할까요? 고수님들 부탁드립니다. 바꿀수있는 방법 알려주시면 감사하겠습니다 ㅜㅜ