Когда использовать form html

Немного запутался. Пробую верстать по psd и иногда смотрю на пример(исходный код - как должно было бы быть). Так вот, там блок логина-пароля и кнопки сделаны через div отдельно для каждого и далее уже задана фоновая картинка для diva и цвет текста и т.д для input'a. Я же пытался сделать это через форму объединив в ней все три input'a для логина, пароля и кнопу. Как лучше? И как правильнее?

Как сделано:

<div class="form_header">
                    <span class="sign_in">Sign In</span>
                    <div class="sign">  
                        <input type="text" name="login_field" placeholder="Username">
                    </div>
                    <div class="sign">  
                        <input type="password" name="password_field" placeholder="Password">
                    </div>
                    <input type="submit" class="btn" value="Go">
                    <span>|</span>
                    <span class=sign_up><a href="#">Sign Up</a></span>  
</div>