Django-html文件实例

1.实例1，登陆界面

<!DOCTYPE html>
<head>
    <meta http-equiv="content-type" content="txt/html; charset=utf-8"/>
    <!-- 控制网页为utf8编码，必须放在最前面 -->
    <link rel="stylesheet" href="/static/bootstrap.css">
    <!-- 这是bootcss的核心样式，用bootcss都要这个-->
    <link href="/static/signin.css" rel="stylesheet">
    <!-- 这是signin的核心样式，用bootcss都要这个-->

</head>

<body>
<div class="container">
    <form class="form-signin" action="" method="post" novalidate>
        <!-- 下面是主体 form标签action用于指定提交的地址(默认当前)，method的指定请求方式（默认get）。novalidate是不校验，传后台用py校验-->
        <h2 class="form-signin-heading"><label for="inputEmail">用户登录</label></h2>
        <input type="text" name="user" id="inputEmail" class="form-control" placeholder="用户名" required="">
        <input type="text" name="pssw" id="inputPassword" class="form-control" placeholder="密码" required="">
        <div class="checkbox">
            <label>
                <input type="checkbox" value="remember-me"> Remember me
            </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit">确认</button>
    </form>
</div> <!-- /container -->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

</body>
</html>

 

表单里有两个input（元素类型为text）的框框，他们的id用于给label使用for去链接，name用于get和post时压进字典的键值

label标签主要是方便鼠标点击使用，增强用户操作体验。比如在用户登录这里设置了指向inputemil的标签。这样只要点击用户登录就会进入下面的用户名输入

HTML 表单用于搜集不同类型的用户输入。

<input> 元素是最重要的表单元素。<input> 元素有很多形态，根据不同的 type 属性。

action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常，表单会被提交到 web 服务器上的网页，action指定了某个服务器脚本来处理被提交表单.

method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：

 

posted @ 2020-11-04 18:53  克莱比-Kirby  阅读(99)  评论(0)    收藏  举报