首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Django表单输入类型text在单击submit按钮时保持返回值" on“

Django是一个基于Python的Web开发框架,它提供了丰富的功能和工具来简化Web应用程序的开发过程。在Django中,表单是一种常见的交互方式,用于收集用户输入的数据。

对于Django表单中的文本输入类型(text),当单击提交按钮时保持返回值" on",可以通过以下步骤实现:

  1. 创建Django表单类:首先,需要创建一个继承自Django的forms.Form类的表单类。在表单类中,定义一个文本输入字段,并将其类型设置为"text"。
代码语言:python
代码运行次数:0
复制
from django import forms

class MyForm(forms.Form):
    my_text_field = forms.CharField(widget=forms.TextInput(attrs={'value': ' on'}))

在上述代码中,my_text_field是表单中的文本输入字段,CharField表示它是一个字符型字段,widget=forms.TextInput指定了该字段的输入小部件为文本输入框,attrs={'value': ' on'}设置了文本输入框的默认值为" on"。

  1. 在视图中使用表单:在Django的视图函数或类中,实例化表单类,并将其传递给模板进行渲染。
代码语言:python
代码运行次数:0
复制
from django.shortcuts import render
from .forms import MyForm

def my_view(request):
    form = MyForm()
    return render(request, 'my_template.html', {'form': form})

在上述代码中,MyForm()实例化了表单类,并将其赋值给form变量。然后,将form传递给模板进行渲染。

  1. 在模板中渲染表单:在Django的模板中,使用表单的as_pas_tableas_ul方法将表单渲染为HTML。
代码语言:html
复制
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <input type="submit" value="Submit">
</form>

在上述代码中,form.as_p将表单渲染为带有段落标签的HTML形式,form.as_table将表单渲染为表格形式,form.as_ul将表单渲染为无序列表形式。

通过以上步骤,当用户在文本输入框中输入内容并单击提交按钮时,表单将被提交,并且文本输入框的返回值将保持为" on"。

关于Django表单的更多信息,您可以参考腾讯云的相关产品文档和教程:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Django Web 极简教程(六)- Django Form(Part A)

、注册表单、请假表单等,表单分为四个部分:表单提交地址、表单提交方法、表单组件、表单提交按钮。...:action 属性用来定义表单信息提交的地址,method 属性用来定义提交的方式 :输入框,用来收集提交到后端的信息...:提交按钮类型submit Django Form 表单 类似 Flask 集成的 WTForms,Django Form 也可以模拟生成前端的...CSRF 的报错 register.html 的表单中添加 {% csrf_token %} 解决 CSRF 报错,再次输入数据,点击注册按钮,控制台中输出了表单提交的信息 之后就可以根据表单提交的信息与数据库交互执行...) Django Form 中填入数据并点击注册按钮,控制台成功输出Django Form 中提交的数据

95810
  • 文档和元素的几何滚动

    还有一个onreset事件处理程序来检测表单的重置。表单提交前将会调用onsubmit程序,如果回调函数的返回值为false则会取消表单的提交动作。这是js程序一个用来检查用户的输入错误。...onsubmit事件只能通过单击提交按钮触发。(通过回车也能触发该事件)如果直接调用表单submit()方法将不会触发onsubmit事件处理程序。...同样onreset也是只能通过单击重置按钮来触发,直接调用表单的reset()方法不会触发onreset事件处理程序 用户与表单元素交互它们往往会触发click或change事件,通过定义onclick...当用户一个文本域输入文本或从下拉列表中选择一个选项后就触发change事件,当用户一个文本域中该数据不是每次用户输入一个键值都会触发该事件。它仅仅当用户改变了值才会触发该事件。...表单元素收到键盘的焦点也会触发focus事件。

    5.2K00

    表单

    一.表单    表单就是一个将用户信息组织起来的容器:           1.表单的内容:       ...日常开发中建议大家尽可能地采用post的方法来提交表单数据,   元素常用属性       text password checkbox radio submit reset file...       如果type为text或passWord类型表单元素大小以字符为单位对于其他输入类型,宽度以像素为单位     maxlenght        此属性指定可在text 或 password...当输入类型为radio或CheckBox使用此属性 文本框   用于输入单行文本信息将表单元素type设为text就可以了 密码框   ...设置了type属性后密码框输入的字符全都是以黑色实心的来显示,从而实现对数据的处理 单选按钮   用户只能选中一个单选按钮使用单选按钮,需要一个显示的

    4.7K90

    全栈开发工程师微信小程序-上(下)

    效果 button 按钮 size 按钮的大小 type 按钮的样式类型 plain 按钮是否镂空,背景色透明 disabled 是否禁用 loading 名称前是否带 loading 图标 open-type...">Submit Reset input 输入框 value 输入框的初始内容 type input 的类型 password...是否是密码类型 placeholder 输入框为空占位符 placeholder-style 指定 placeholder 的样式 placeholder-class 指定 placeholder...设置键盘右下角按钮的文字 confirm-hold 点击键盘右下角按钮是否保持键盘不收起 cursor 指定focus的光标位置 text 文本输入键盘 number 数字输入键盘 idcard...对于checkbox组件本身没有文本,就要借助label组件进行扩展,然后就可单击区域,如果没有checkbox放在label标签的内部,那么单击,就不会被选中. radio同样没有默认标签文本,所以可用

    1.4K40

    JavaScript(十三)

    -- 自定义提交按钮 --> Submit Form 只要表单中存在上面列出的任何一种按钮,那么相应表单控件拥有焦点的情况下,按回车键就可以提交该表单...提交表单可能出现的最大问题,就是重复提交表单。解决这一问题的办法有两个: 第一次提交表单后就禁用提交按钮 利用 onsubmit 事件处理程序取消后续的表单提交操作。...重置表单 在用户单击重置按钮表单会被重置。使用 type 特性值为 “reset” 的 input 或 button 都可以创建重置按钮,如下: <!...用户单击重置按钮重置表单,会触发 reset 事件,利用这个机会,我们可以必要时取消重置操作。 表单字段 可以像访问页面中的其他元素一样,使用原生 DOM 方法访问表单元素。...的字段,提交表单都不能空着。

    3.3K20

    Django-form表单

    这个时候,让Django 来为我们完成大部分工作是很容易的。 Django 中构建一个表单 Form 类 我们已经计划好了我们的 HTML 表单应该呈现的样子。...Django 中,我们的起始点是这里: ?...首先,它在HTML 的 上放置一个maxlength="100"(这样浏览器将在第一间阻止用户输入多于这个数目的字符)。...我们必须自己模板中提供它们。 视图 发送给Django 网站的表单数据通过一个视图处理,一般和发布这个表单的是同一个视图。这允许我们重用一些相同的逻辑。...这是我们第一个访问该URL 预期发生的情况。 如果表单的提交使用POST 请求,那么视图将再次创建一个表单实例并使用请求中的数据填充它:form = NameForm(request.POST)。

    3.9K70

    再推荐一款小众且好用的 Python 爬虫库 - MechanicalSoup

    使用浏览器实例对象的 open(url) 即可以打开一个网页,返回值类型为:requests.models.Response # 打开一个网站 result = browser.open("http...://httpbin.org/") print(result) # 返回值类型:requests.models.Response print(type(result)) 通过返回值可以发现,使用浏览器对象打开网站相当于使用...() 至于表单内的 input 普通输入框、单选框 radio、复选框 checkbox # 1、普通输入框 # 通过input的name属性直接设置值,模拟输入 browser["norm_input...(btnName) 方法用于提交表单 需要注意的是,提交表单后的返回值类型为:requests.models.Response # 提交表单(模拟单击“提交”按钮) response = browser.submit_selected...() print("结果为:",response.text) # 结果类型:requests.models.Response print(type(response)) 2-5  调试利器 浏览器对象

    80120

    django 1.8 官方文档翻译: 5-1-1 使用表单

    text" 用于用户名,type="password" 用于密码,type="submit" 用于“Log in” 按钮。...表单字段浏览器中呈现给用户的是一个HTML 的“widget” —— 用户界面的一个片段。每个字段类型都有一个合适的默认Widget 类,需要可以覆盖。...实例化、处理和渲染表单 Django 中渲染一个对象,我们通常: 视图中获得它(例如,从数据库中获取) 将它传递给模板上下文 使用模板变量将它扩展为HTML 标记 模板中渲染表单和渲染其它类型的对象几乎一样...HTML5 输入类型和浏览器验证 如果你的表单包含URLField、EmailField 和其它整数字段类似,Django 将使用url、email和 number 这样的HTML5 输入类型。...表单渲染的选项 表单模板的额外标签 不要忘记,表单的输出不 包含标签,和表单submit 按钮。你必须自己提供它们。

    4.2K20

    HTML基础知识之表单

    ="普通按钮"/> 以上代码的演示结果图为: image.png (1)标签 type属性:指定表单元素的类型,可选项有text、password...、checkbox、radio、submit、reset、file、hidden、image和button,默认为text; name属性:指定表单元素的名称; value属性:可选,指定表单元素的初始值...; checked:指定按钮是否被选中; size属性:指定表单元素的初始宽度; maxlength属性:指定可在text或password元素中输入的最大字符数; (2)三种按钮 reset按钮:重置按钮...,将表单重置为最初状态; submit按钮:提交按钮,用户单击按钮后,表单将会提交到action属性所指的URl,并传递表单数据; button按钮:普通按钮,需要与事件关联使用; 四、表单的只读与禁用设置...readonly:只读,网站服务器方不希望用户修改的数据,这些数据表单元素中显示; disabled:禁用,只有满足某个条件后,才能选用某项功能; 禁用的表单不会被提交;

    1.1K30

    关于“Python”的核心知识点整理大全57

    处理POST请求,我们传递实参instance=entry和data=request.POST(见3),让Django根 据既有条目对象创建一个表单实例,并根据request.POST中的相关数据对其进行修改...我们将提交按钮命名为save changes,以提醒用户:单击按钮将保存所做的编辑,而不是创建一个新条目(见2)。 4....如果表单的errors属性被设置,我们就显示一条错误消息(见1),指出输入的用户名—密码 对与数据库中存储的任何用户名—密码对都不匹配。...我们要让登录视图处理表单,因此将实参action设置为登录页面的URL(见2)。登录视图 将一个表单发送给模板,模板中,我们显示这个表单(见3)并添加一个提交按钮(见4)。...5处,我们包含了一个隐藏的表单元素——'next',其中的实参value告诉Django在用户成功登 录后将其重定向到什么地方——在这里是主页。 2.

    9410

    6.HTML输入表单标签元素介绍

    HTML5 中不支持 0x00 表单标签元素 form 标签 描述: 表单是一个包含表单元素的区域,表单元素是允许用户表单输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框...| 表单字段的名称,用于提交表单发送元素的方向性 | | disabled | 所有类型...| | image | 设置按钮外观 | 示例 1.文本框(Text Fields)、提交按钮(Submit Button)类型, 文本域通过 标签来设定,当用户要在表单中键入字母、数字等内容,就会用到文本域, 并且当用户单击确认按钮表单的内容会被传送到服务端。...formnovalidate 属性: 带有两个提交按钮表单(进行验证或不进行验证),第一个提交按钮提交数据带有默认的表单验证,第二个提交按钮提交数据不进行表单验证。

    4.6K10

    初学者:html中的表单详解(下面附有代码)

    表单的理解与解释 表单:采集不同类型的用户输入数据,发送给服务器,实现用户和服务器之间的数据交互。 表单标签form 声明数据采集的范围,只要是form中的,都是要采集的数据。...用户向服务器端发送数据,一次只能提交一个表单中的数据。如果要提交多个表单就需要用js中的异步交互。 表单元素 method属性:提交表单所用的http方法,默认为get方法。...input表单域 单行文本输入框 密码框 提交按钮 性别:女男 **设置性别必须都写上name=”sex...扩充一句面试题: button按钮的默认类型为:提交 上传文件 注意:后台上传文件,必须在form表单中添加enctype属性 即为: 图片形式的按钮 placeholder和value的区别...文本输入框 但是这样的文本框大小是可以改变的。但是style样式中加入resize:none属性,样式就不会改变了。就设置成了禁止拖动文本框的大小。

    1.4K20

    Django 2.1.7 模板 - CSRF 跨站请求伪造

    python3 manage.py runserver 5)浏览器中输入如下网址,将这个标签称为网站A。...http://127.0.0.1:8000/assetinfo/login/ 浏览效果如下图: 输入账号、密码,登录之后,进入发帖页面,如下: 6)下面使用Django第二个项目来模拟另外一个网站,创建...)这下麻烦了,因为网站A自己也不能访问了,接下来templates/assetinfo/post.html内容,form表单中使用标签csrf_token。...{% csrf_token %} 4)回到windows浏览器中,在网站A中点击“提交”按钮,效果如下图: 5)回到windows浏览器中,在网站B中点击“提交”按钮,效果如下图: 好了,Django中成功完成...总结 重要信息如金额、积分等,采用POST方式传递 启用CSRF中间件,默认启用 form表单中post提交加入标签csrf_token 保护原理 加入标签后,可以查看post.html的源代码,发现多了一个隐藏域

    1.9K20
    领券