表单在HTML中的div中不可点击

时间:2018-10-24 20:07:04

标签: html css django

我正在用Django开发一个应用程序,当不包括div时,它可以很好地工作,但是当包含div时,我不能在发布请求后单击任何形式或文本(奇怪的是,在发布请求之前,它可以正常工作)。

    <!DOCTYPE html>
<html lang="en">
  <head>
    <title>Some title</title>
   <link rel="stylesheet" href="https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css" type="text/css" />
 </head>
<body>
<div style="width:1200px;">
    <div style="width:300px; float:left;">


          {% block content %}

            <form method="post" action="">
              {% csrf_token %}
              <table>
                {{ form.as_table }}
              </table>
              <input type="submit" value="Calculate"/>
            </form>

            <li><a href="{% url 'app_name' %}">Some text</a></li>
           {% endblock %}


        </div>

    <div style="width:900px; float:right"; >

            Some text       

        </div>
    </div>
<body>
</html>

我对HTML还是很陌生,但我读到它与CSS有某种联系,但我想避免在使用Django时对它感到困惑。

2 个答案:

答案 0 :(得分:0)

<body>标签应紧接<head>之后。关闭代码末尾的<body>标签。

答案 1 :(得分:0)

在使用HTML时,需要遵循一些约定。

  1. 我们像xml(打开标签和结束标签)一样编写html
  2. html标记是DOM的根元素
  3. 在html中,我们有两个主要标签:head和body
  4. 首先,我们通常在网页上添加所需的依赖项标签和页面的元数据,而这部分在浏览器视图中对用户不可见
  5. 我们体内编写了可以在浏览器中看到的代码
  6. div,范围,输入字段,表单和所有其他标签应位于正文内部
  7. 因此,根据1-6,您违反了html的约定。您需要将所有div标签包括在正文中