html实现文本框

<div class="content">

        <div class="page_name">注册</div>

        <div class="register_content">

            <div class="register_l">

                <div class="span1">

                    <label class="tn-form-label">邮箱：</label>

                    <input type="text" class="tn-textbox">

                </div>

                <div class="span1">

                    <label class="tn-form-label">密码：</label>

                    <input type="password" class="tn-textbox">

                </div>

                <div class="span1">

                    <label class="tn-form-label">验证码：</label>

                    <input type="text" class="tn-textbox-long">

                    <span><img src="./images/code.jpg" alt=""><a href="#">看不清？</a></span>

                </div>

                <div class="tn-form-row-button">

                    <div class="span1">

                        <input type="button" class="tn-button-text" value="立即注册">

                        <p class="it-register-text">

                            <input type="checkbox" class="tn-checkbox" >同意本站服务协议

                            <a href="#">查看</a>

                        </p>

                    </div>