form表单提交

Django中的Form表单 　　1、背景 　　　　平时我们在书写form表单时，经常都是手动的去写一些input标签，让用户输入一些功能，进行一些校验的判断，等等。Django中的form表单就能够帮我们去实现这些功能，比较便捷。 　　2、Django form表单的功能 　　　　　　1、生成页面可执行的HTML标签 　　　　　　2、对应户的数据进行校验 　　　　　　3、保留上次输入的内容 　　3、先用普通方式手写一个注册功能 　　　　1、views.py文件中 # 注册 def register(request): error_msg = "" # 刚进页面的时候，用户名还为空，此时错误信息先设置成空 if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 对注册信息做校验 if len(username) < 6: # 用户长度小于6位 error_msg = "用户名长度不能小于6位" else: # 将用户名和密码存到数据库 return HttpResponse("注册成功") return render(request, "register.html", {"error_msg": error_msg}) 　　　　2

一、获取表单域对象 　　1.document.getElementById() 　　2.formObj.elements[index] 　　3.formObj.elements[formarea_name] 　　4.formObj.formarea_name 二、表单域对象的属性 　　1.readonly 　　　　1)input对象 设置了readonly="readonly"，则该表单域只读（用户不能修改其value属性），但是可以提交 　　　　2)通过js为input对象添加“只读”属性，应通过“对象.readOnly = true”添加 　　　　3)readonly="readonly" 只能使用在<input type='text'> 及 <textaread>标签中 　　2.disabled 　　　　1)input对象 设置了disabled="disabled"，则该表单域不可用（用户不能修改其value属性）且不能提交 　　　　2)通过js为input对象添加“不可用”属性，应通过“对象.disabled = true”添加 　　　　3)disabled="disabled"可以将所有的表单域失效 　　3.name 　　　　1)用于获取该表单域 　　　　2)只有设置了name属性的表单域才可以提交 　　4.value 　　　　1)用户输入的内容就是value

form表单是一个基础的表单控件，最近做扫码登陆使用到，在这里记录一下 <form action="url" method="get" target="_blank"></form> 1.action 提交表单的url地址 2.enctype 对表单数据进行编码（发送表单数据之前） 2.1.application/x-www-form-urlencoded 对所有数据二进制编码 2.2.multipart/form-data 不对数据进行编码，表单中 文件上传 ，必须使用这个 2.3.text/plain 将空格“ ”变为“+” 3.method 发送的方式 类似于ajax的type用法 4.name 表单的名字 5.target 属性规定在何处打开 action的URL，不设置的话会在本页面直接打开url （类似a标签） _blank 在新窗口中打开。 _self 默认 。在本页面框架中打开。 _parent 在父框架集中打开。 _top 在整个窗口中打开。 framename 在指定的框架中打开。 （在 HTML 4.01 中，不赞成使用 form 元素的 target 属性；在 XHTML 1.0 Strict DTD 中， 不支持 该属性） H5新加属性： 6.autocomplete 提示功能 用于input类型 有兼容性 6.1 on 启用 6.2 off 禁用 7

定义和用法 <form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素 ，比如文本字段、复选框、单选框、提交按钮等等。 表单用于向服务器传输数据。通过submit可以提交表单数据. form 元素是块级元素，其前后会产生折行。 常用属性 action: 规定当提交表单时向何处发送表单数据。 method: 规定用于发送 form-data 的 HTTP 方法。 name: 常用get和post方式 。 target: 规定在何处打开 action URL, _blank _self _parent _top 举个例子 <form action="user/register" method="post"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form> 来源： https://www.cnblogs.com/wangxiaolan/p/10587665.html

在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。 可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。 如果一个表单对象定义如下： <form name="frm1" method="post" action="login.aspx"> 获得该表单对象的方法： i> document.forms["frm1"]; // 根据name属性值 ii> document.forms[0]; // 根据索引号 iii> document.frm1; // 直接根据name值获得对象 form 表单应该注意的属性： elements： 获取以源顺序排列的给定表单中所有控件的集合。 但是<input type="image" > 对象不在此集合内。 var txtName = myform.elements[ 0 ]; //获得表单的第一个元素 var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素 var txtName = myform.elements.txtName; //获得name属性值为"txtName"的元素 enctype： 设置或获取表单的多用途网际邮件扩展(MIME) 编码。 这个属性的默认值为

在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。 可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。 如果一个表单对象定义如下： < form name = " frm1 " method = " post " action = " login.aspx " > 获得该表单对象的方法： i> document.forms["frm1"]; // 根据name属性值 ii> document.forms[0]; // 根据索引号 iii> document.frm1; // 直接根据name值获得对象 form 表单应该注意的属性： elements： 获取以源顺序排列的给定表单中所有控件的集合。 但是<input type="image" > 对象不在此集合内。 var txtName = myform . elements [ 0 ] ; // 获得表单的第一个元素 var txtName = myform . elements [ " txtName " ] ; // 获得name属性值为"txtName"的元素 var txtName = myform . elements . txtName ; // 获得name属性值为"txtName"的元素 enctype：

<pre> input属性： placeholder:输入框的默认值，向用户显示描述性说明文字或者提示信息 autocomplete：值为on和off。。on则代表当该字段填写并提交后再返回该页，再输入时会显示以前输入的。off则是关闭，包含用户输入数据的安全。默认为on autofocus：页面载入时设置某个input自动获取焦点，注意该页面只能设置一个input的这个属性，设置多个相当于没有设置。 list特性和datalist：通过list为某个输入框增加下拉列表。。相当于js实现的“自动完成”功能，但是不能进行模糊查询 如果datalist内有2项值："a34343"和"并24234",用户希望的是输入了3后这2个值都出现，但实际上一个也不出现。 它要求是完全匹配，比如输入a，则下拉a34343出现，接着输入4，那么这个下拉值也就没有了。 required：表单提交前该元素必须填写，即不能为空。不建议使用，因为提示信息‘请填写此字段’，除非有属性可以代替该提示信息。 pattern：给input标签内写正则的地方。。type为email或url的输入控件内置相关正则表达式，如果value不符合其正则表达式，那表单将通不过验证，无法提交。。 不建议给type为email或url的元素使用，因为提示信息固定,正则固定。。还不如js直接重写。 一些输入设置：

HTML 表单和输入 HTML 表单用于收集不同类型的用户输入。 在线实例 <form action=""> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> </form> <p><b>注意：</b> 表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符。</p> 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。 <form action=""> Username: <input type="text" name="user"><br> Password: <input type="password" name="password"> </form> <p><b>注意：</b> 密码字段中的字符是隐藏的(显示为星号或圆圈)。</p> 本例演示如何创建 HTML 的密码域。 HTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 表单使用表单标签 <form> 来设置: <form> . input 元素 . </form> HTML 表单 - 输入元素

3 月，跳不动了？>>> 初学layui遇到不少问题，慢慢整理。 今天在提交form表单的时候遇到一个问题：<select>组件在form表单外面可以正常展示，在<form>表单内部没法正常展示。 代码如下： <!DOCTYPE html > <html lang ="zh" xmlns ="http://www.w3.org/1999/xhtml" xmlns: th ="http://www.thymeleaf.org" > <head> <style th :fragment ="style" rel ="stylesheet" type ="text/css" > </style> </head> <body> <select name ="city" lay-verify ="" > <option value ="010" > 北京0 </option> </select> <form class ="layui-form" action ="" > <select name ="city" lay-verify ="" > <option value ="010" > 北京1 </option> </select> </form> <script th :fragment ="script" th :inline ="javascript" > var ctxPath

Bootstrap框架和inconfont、font-awesome使用 iconfont的使用： https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍 　　Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 　　它是为实现快速开发Web应用程序而设计的一套前端工具包。 　　它支持响应式布局，并且在V3版本之后坚持移动设备优先。 就是复制黏贴一把梭，html\css\js代码的封装组合 为什么要使用Bootstrap？ 　　在Bootstrap出现之前： 　　命名：重复、复杂、无意义（想个名字费劲） 　　样式：重复、冗余、不规范、不和谐 　　页面：错乱、不规范、不和谐 　　在使用Bootstrap之后： 各种命名都统一并且规范化。 页面风格统一，画面和谐。 Bootstrap下载 　　官方地址：https://getbootstrap.com 　　中文地址：http://www.bootcss.com/ 　　我们使用V3版本的Bootstrap，我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建 　　目录结构： bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme