HTML表单

简介: HTML表单。

一个典型的HTML表单如下。


请输入数据:



该表单由静态HTML实现,要直接在浏览器中访问该表单,需将其放在Django项目的static文件夹中。
一个表单主要包括提交地址、请求方法和表单元素三个部分。
表单的action属性指定的URL为提交地址,它接收表单数据,并执行相应的处理。
表单的method属性指定请求方法,通常是GET或POST。
通常,在不改变服务器数据时用GET方法,提交的数据会显示在URL中。
要改变服务器数据时用POST方法,提交的数据封装在消息体中。
Django项目的模板文件是一个HTML文件,可在其中定义HTML表单。可通过视图将数据传递给模板,然后使用模板变量将其填充到HTML表单。
Django模板中的HTML表单典型结构如下。

{% csrf_token %}
请输入数据:



相比于前面的HTML表单,模板中多了一个{% csrf_token %}标签和一个{ { current_data }}变量。将此模板(temform.html)放在项目的templates文件夹中,以便在视图中使用。
默认情况下,Django会对所有的POST请求执行CSRF(跨站点请求伪造)保护。{% csrf_token %}标签用于获取CSRF令牌,如果没有该标签,Django会拒绝表单请求。
{ { current_data }}用于将视图传递给模板的数据插入到当前位置。
相关文章
|
1月前
|
存储 移动开发 JavaScript
HTML5中form表单防止重复提交的两种方法
HTML5中form表单防止重复提交的两种方法
|
1月前
|
数据安全/隐私保护
HTML 表单和输入
HTML 表单和输入。
20 3
|
1月前
|
数据安全/隐私保护 UED
HTML表单
HTML表单
28 1
|
1月前
HTML_表单标签
HTML_表单标签
22 0
|
19天前
|
Web App开发 前端开发 Java
基于Spring3 MVC实现基于HTML form表单文件上传
基于Spring3 MVC实现基于HTML form表单文件上传
23 7
基于Spring3 MVC实现基于HTML form表单文件上传
|
13天前
|
Python
HTML表单
【6月更文挑战第13天】HTML表单。
16 7
|
14小时前
|
前端开发
常用 HTML 标签元素(表格、表单)
常用 HTML 标签元素(表格、表单)
|
14小时前
|
移动开发 前端开发 JavaScript
解锁HTML5表单:构筑网页完美交互的基石
解锁HTML5表单:构筑网页完美交互的基石
|
26天前
|
数据安全/隐私保护
HTML 表单和输入
HTML 表单和输入
|
21天前
|
移动开发 前端开发 数据安全/隐私保护
HTML基础-表单元素与属性:深入浅出指南
【6月更文挑战第4天】本文介绍了HTML表单的基础知识,包括`<form>`标签、各种表单元素(如文本输入、密码、单选、复选、下拉菜单和提交按钮)以及相关属性。易错点包括忘记设置`name`属性、不使用`label`、忽视表单验证和不安全的提交方式。建议使用HTML5内置验证属性增强安全性,并使用`POST`方法处理敏感信息。提供的完整注册表单示例展示了这些概念的应用。