html制作登录表单-html教程-PHP中文网

html制作登录表单

无忌哥哥

发布： 2018-06-29 10:26:06

原创

8870人浏览过

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用表单集制作登录表单</title>
</head>
<body>
<!-- 用表单控件分组 <fieldset>,了解即可,实际工作中用得极少 -->
<form action="" method="post">
<fieldset>
<legend>用户登录</legend>
<p><label>邮箱:<input type="email" name="email" placeholder="example@mail.com"></label></p>
<p><label>密码:<input type="email" name="email" placeholder="Password"></label></p>
<hr width="90%" color="lightskyblue">
<p><button type="submit" name="submit">立即登录</button></p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/js/7954">
                            <img src="https://img.php.cn/upload/jscode/000/000/011/170892540351065.jpg" alt="jQuery带验证登录表单插件">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/js/7954">jQuery带验证登录表单插件</a>
                            <p>jQuery带验证登录表单插件是可以对一些注册登录时常用的字段类型进行简单的验证，另外我们可以在同一个页面切换并完成注册或者登录操作。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="jQuery带验证登录表单插件">
                                <span>7</span>
                            </div>
                        </div>
                        <a href="/xiazai/js/7954" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="jQuery带验证登录表单插件">
                        </a>
                    </div>
                
</fieldset>
</form>
</body>
</html>

登录后复制

以上就是html制作登录表单的详细内容，更多请关注php中文网其它相关文章！