Forms表单

oneasp 发布于2019-08-01 16:38 / 2393人阅读

摘要：提交表单的请求方式或者提交表单的地址发送表单数据之前如何对其进行编码默认编码方式在发送前编码所有字符不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。空格转换为加号，但不对特殊字符编码。单选按钮只允许用户选择中其中一个选项。

form

method

method提交表单的请求方式get或者post

action

action提交表单的地址

enctype

enctype发送表单数据之前如何对其进行编码


application/x-www-form-urlencoded（默认编码方式）在发送前编码所有字符
multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain 空格转换为 "+" 加号，但不对特殊字符编码。

更多form属性

input

type

值	描述
text	文本
radio	单选按钮
checkbox	复选框
submit	提交按钮
button	按钮
hidden	隐藏的输入字段
image	图像形式的提交按钮
password	密码字段
file	上传文件
reset	重置按钮

radio单选按钮。单选按钮只允许用户选择中其中一个选项。
一组radio的name值要相同，例如：
男
女

checkbox复选框按钮。复选框按钮允许用户选择中其中一个或者多个选项。
一组checkbox的name值要相同，例如：
篮球
足球
网球
排球

button按钮，点击之后执行相应绑定的事件
image图像形式的提交按钮，submit提交按钮，点击之后提交表单中的数据

placeholder

placeholder提示信息

autocomplete

autocomplete自动填充功能
  开启自动填充功能
 关闭自动填充功能

autofocus

autofocus页面加载时是否获得焦点（不适用于type="hidden"）

pattern

pattern规定输入字段值的格式（正则校验）

更多input属性

label

label点击label标签时，浏览器会自动触发对应将焦点转到和标签相关的表单元素上
label标签的for属性的值需要和对应表单元素的id值相同

    男
    
    Female

更多label属性

textarea

textarea多行文本输入表单元素
可以通过rows和cols规定textarea尺寸

更多textarea属性

select

select下拉菜单

更多select属性

查看浏览器支持情况

云服务器 GPU云服务器 Forms forms认证 Forms详解 Forms身份认证

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/50653.html

Django搭建个人博客：用户的登录和登出

摘要：最常见的用法就是存储用户的登录数据。如果用户未登录，则显示登录两个字提醒用户可以点击登录。创建文件用户登录配置根路由用户管理配置因为这个并没有改动，因此不用迁移数据。总结本章用到了表单类模板语句用户验证等知识完成了用户管理的登录和退出。用户管理用户数据可以说是大部分网站最重要的资产。用户管理就是对用户数据进行增删改查等操作的功能，自然也就非常的重要了。本章开始学习用户管理的内容，...

whidy 2019-07-31 11:17 评论0 收藏0
Django搭建个人博客：用户的注册

摘要：既然有登录登出，那么用户的注册肯定也是少不了的。用户在注册成功后会自动登录并返回博客列表页面。总结本章用到了表单类对数据进行验证清洗等知识，完成了用户的注册功能。既然有登录登出，那么用户的注册肯定也是少不了的。注册表单类用户注册时会用到表单来提交账号、密码等数据，所以需要写注册用的表单/userprofile/forms.py： /userprofile/forms.py .....

leanote 2019-07-31 11:16 评论0 收藏0
angular6的响应式表单

摘要：在模块里面引入要使用响应式表单，就要从包中导入，并把它添加到你的的数组中。导入验证器函数响应式表单包含了一组开箱即用的常用验证器函数。这些验证器属性可以和响应式表单提供的内置验证器组合使用。 1：在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的N...

alogy 2019-08-29 16:54 评论0 收藏0
angular6的响应式表单

摘要：在模块里面引入要使用响应式表单，就要从包中导入，并把它添加到你的的数组中。导入验证器函数响应式表单包含了一组开箱即用的常用验证器函数。这些验证器属性可以和响应式表单提供的内置验证器组合使用。 1：在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的N...

hzc 2019-08-02 11:40 评论0 收藏0
angular6的响应式表单

摘要：在模块里面引入要使用响应式表单，就要从包中导入，并把它添加到你的的数组中。导入验证器函数响应式表单包含了一组开箱即用的常用验证器函数。这些验证器属性可以和响应式表单提供的内置验证器组合使用。 1：在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的N...

MycLambert 2019-08-23 12:16 评论0 收藏0
我对 Django 中 froms 使用的理解

摘要：我觉得中的就是用与渲染成语言的代码。用来帮助我们减少写的工作量。下面的代码就是本博客实现评论功能的。这篇文章谈一下我对 Django 中 forms的简单理解，确切的说像是一种代码的说明。我觉得 Django 中的forms 就是view用与渲染成html语言的代码。用来帮助我们减少写html的工作量。下面的代码就是本博客实现评论功能的forms。 from django imp...

zhonghanwen 2019-07-31 11:23 评论0 收藏0