html模板中的“提交”按钮在djang中不起作用

2024-04-24 14:54:10 发布

您现在位置：Python中文网/ 问答频道 /正文
5050 3

我用HTML编写了一个出勤登记模板，在给定的HTML中有一个HTML表和一个提交按钮第页。虽然单击submit按钮，我想用HTML保存数据桌子。但是我不能

Ist公司标准.html在

 {% load staticfiles %}

<!DOCTYPE html>
<html>
<head>
<title>Attendance register</title>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}
table#t01 {
    width: 100%;    
    background-color: #f1f1c1;
}
</style>
</head>
<body>
<h1><center><u>ATTENDANCE-REGISTER</u></center></h1><br>
<h2><center><i>Ist Standard</i></center></h2>
<h4>Class in-charge: Hema.B <br><br>
Date: June 2016 - March 2017</h4>


<form name="demo_form.asp" method="get">
<button type="submit" value="continue">Submit</button>
</form>

 {% if user.is_authenticated %}
<a href="{% url 'post_new' %}" class="top-menu"><span class="glyphicon glyphicon-plus"></span></a>
{% endif %}

<table style="width:100%">
  <tr>
<th>Slno</th>
    <th>Name</th>
    <th>Attendance</th> 
    </tr>
  <tr>
<td>1</td>
    <td>Abijith</td>
    <td><input type="number" id="aNumber">
<button onclick="aFunction()"><font color="green">Present</button>
<button onclick="abFunction()"><font color="red">Absent</button>
<input type="number" id="abNumber">
</td>
  </tr>
  <tr>
<td>2</td>
    <td>Adithya</td>
    <td><input type="number" id="bNumber">
<button onclick="bFunction()"><font color="green">Present</button>
<button onclick="acFunction()"><font color="red">Absent</button>
<input type="number" id="acNumber"></td>

  </tr>
  <tr>
<td>3</td>
    <td>Bavana</td>
    <td><input type="number" id="cNumber">
<button onclick="cFunction()"><font color="green">Present</button>
<button onclick="adFunction()"><font color="red">Absent</button>
<input type="number" id="adNumber"></td>

  </tr>
 <tr>
<td>4</td>
    <td>Bibin</td>
    <td><input type="number" id="dNumber">
<button onclick="dFunction()"><font color="green">Present</button>
<button onclick="aeFunction()"><font color="red">Absent</button>
<input type="number" id="aeNumber"></td>

  </tr>
 <tr>
<td>5</td>
    <td>Devan</td>
    <td><input type="number" id="eNumber">
<button onclick="eFunction()"><font color="green">Present</button>
<button onclick="afFunction()"><font color="red">Absent</button>
<input type="number" id="afNumber"></td>

  </tr>
 <tr>
<td>6</td>
    <td>Faizal</td>
    <td><input type="number" id="fNumber">
<button onclick="fFunction()"><font color="green">Present</button>
<button onclick="agFunction()"><font color="red">Absent</button>
<input type="number" id="agNumber"></td>

  </tr>
 <tr>
<td>7</td>
    <td>Ganga</td>
    <td><input type="number" id="gNumber">
<button onclick="gFunction()"><font color="green">Present</button>
<button onclick="ahFunction()"><font color="red">Absent</button>
<input type="number" id="ahNumber"></td>

  </tr>
 <tr>
<td>8</td>
    <td>Haris</td>

    <td><input type="number" id="hNumber">
<button onclick="hFunction()"><font color="green">Present</button>
<button onclick="aiFunction()"><font color="red">Absent</button>
<input type="number" id="aiNumber"></td>
  </tr>
 <tr>
<td>9</td>
    <td>Jamsina</td>

    <td><input type="number" id="iNumber">
<button onclick="iFunction()"><font color="green">Present</button>
<button onclick="ajFunction()"><font color="red">Absent</button>
<input type="number" id="ajNumber"></td>
  </tr>
 <tr>
<td>10</td>
    <td>Tara</td>

    <td><input type="number" id="jNumber">
<button onclick="jFunction()"><font color="green">Present</button>
<button onclick="akFunction()"><font color="red">Absent</button>
<input type="number" id="akNumber"></td>
  </tr>


</table>
<br>

<body>
<script>



function aFunction() {
    document.getElementById("aNumber").stepUp();


}

function abFunction() {
    document.getElementById("abNumber").stepUp();
}
function bFunction() {
    document.getElementById("bNumber").stepUp();
}

function acFunction() {
    document.getElementById("acNumber").stepUp();
}
function cFunction() {
    document.getElementById("cNumber").stepUp();
}

function adFunction() {
    document.getElementById("adNumber").stepUp();
}
function dFunction() {
    document.getElementById("dNumber").stepUp();
}

function aeFunction() {
    document.getElementById("aeNumber").stepUp();
}
function eFunction() {
    document.getElementById("eNumber").stepUp();
}

function afFunction() {
    document.getElementById("afNumber").stepUp();
}
function fFunction() {
    document.getElementById("fNumber").stepUp();
}

function agFunction() {
    document.getElementById("agNumber").stepUp();
}
function gFunction() {
    document.getElementById("gNumber").stepUp();
}

function ahFunction() {
    document.getElementById("ahNumber").stepUp();
}
function hFunction() {
    document.getElementById("hNumber").stepUp();
}

function aiFunction() {
    document.getElementById("aiNumber").stepUp();
}
function iFunction() {
    document.getElementById("iNumber").stepUp();
}

function ajFunction() {
    document.getElementById("ajNumber").stepUp();
}
function jFunction() {
    document.getElementById("jNumber").stepUp();
}

function akFunction() {
    document.getElementById("akNumber").stepUp();
}
</script>
</body>
</html>

在视图.py在

^{pr2}$

在网址.py在

from django.conf.urls import url
from . import views

urlpatterns = [
     url(r'^Ist_std/$', views.Ist_std, name='Ist_std'),
     ]

Tags： idnumberinputtypefunctionbuttongreendocument
2条回答
网友
1楼 · 编辑于 2024-04-24 14:54:10

在模板中，form在定义任何input元素之前被关闭，因此表单将不包含作为表的一部分输入的任何数据。在

您可以通过将</form>结束标记移动到表末尾之后的某个位置来修复它。在

此外，<input>标记没有name属性，因此在输入元素中输入的任何值都不能在HTTP请求中传递。例如，第一个表格行可以写为：

  <tr>
    <td>1</td>
    <td>Abijith</td>
    <td>
        <input type="number" id="aNumber" name="aNumber">
        <button onclick="aFunction()"><font color="green">Present</button>
        <button onclick="abFunction()"><font color="red">Absent</button>
        <input type="number" id="abNumber" name="abNumber">
    </td>
  </tr>

注意，name属性已经添加到输入标记中。在

可能还有其他问题，但这是我最突出的问题。在

编辑

另一个问题是视图期望在POST请求中发送数据，但是表单使用的是GET。将HTML表单更改为使用method="post"。在

网友
2楼 · 编辑于 2024-04-24 14:54:10

您不应该像在html中那样手动生成表单。我可以看出你已经看过django表格了。我可以提出以下建议：

<form name="demo_form.asp" method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit" value="continue">Submit</button>
</form>

还有很多其他的form rendering options。此方法还将确保在表单验证失败时自动显示正确的消息。在

还请注意，我已经更改了“获取到”帖子。最好是用post作为表单。我已经添加了{%csrf_token%}如果您没有安装csrf中间件，请删除它。在

相关问题 更多 >

    编程相关推荐