form

python相关注册登录方式

孤街浪徒 提交于 2020-02-29 06:17:33
1、使用django自带功能实现登录/退出登录  使用django自带登录功能,前提生成用户(用户注册)使用的是django自带的user,或称models中用户表继承于django自带的user 1.1、登录  views.py: from django.contrib.auth import authenticate,login,logout def acc_login(request): """登录页面""" error_msg = '' if request.method == "POST": username = request.POST.get('username') password = request.POST.get('password') user = authenticate(username = username, password = password) if user: login(request,user) return redirect(request.GET.get('next','/index/')) # 如果有next则跳转到next指定的页面,如果没有则跳转到index页面 else: error_msg = "Wrong username or password!" return render(request,"login.html",{

form表单的两种提交方式,submit和button的用法

自古美人都是妖i 提交于 2020-02-29 04:26:45
1.当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写;有两种方法,一种是用submit提交。一种是用button提交。 方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = document.getElementById("userid").value; var password = document.getElementById("userpassid").value; if(result == "" ){ alert("用户名不能为空"); return false; } if(password == "" ){ alert("密码不能为空"); return false; }else{ return true; } } 在form表单里写成这样: <form id="formid" name= "myform" method = 'post' action = 'user_login_submit.action' onsubmit = "return checkUser();" > <table width="100%" border="0"> <tr> <td width="60" height="40" align="right">用户名 </td>

Bootstrap 输入框组

倖福魔咒の 提交于 2020-02-29 02:50:17
本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自 表单控件 。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添加 @,或者应用程序接口所需要的其他公共的元素。 向 .form-control 添加前缀或后缀元素的步骤如下: 把前缀后后缀元素放在一个带有 class .input-group 的 <div> 中。 接着,在相同的 <div> 内,在 class 为 .input-group-addon 的 <span> 内放置额外的内容。 把该 <span> 放置在 <input> 元素的前面或者后面。 为了保持跨浏览器的兼容性,请避免使用 <select> 元素,因为它们在 WebKit 浏览器中不能完全渲染出效果。也不要直接向表单组应用输入框组的 class,输入框组是一个孤立的组件。 基本的输入框组 下面的实例演示了基本的输入框组: <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本的输入框组</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

前端代码规范-CSS

让人想犯罪 __ 提交于 2020-02-29 01:11:58
CSS规范 一.命名规范 BEM(Block Element Modifier) 1.Block name -- 实体名称中的单词之间用连字符分隔(-) HTML <div class="menu">...</div> <div class="menu-name">...</div> CSS .menu { color: red; } .menu-name { color: red; } 2.Element name ***-- 元素名与块名之间用双下划线分隔(__)*** ***-- 需要注意的是不要出现block__elem1__elem2类似的命名,因为元素总是块的一部分,而不是另一个元素的。*** HTML <div class="menu"> ... <span class="menu__item"></span> </div> CSS .menu__item { color: red; } 3.Block modifier name -- 修饰符与块或元素的名称之间用双连字符分隔(--) -- 修饰语的值与其名称之间用双连字符分隔(--) HTML <div class="menu menu--hidden"> ... </div> <div class="menu menu--theme--islands"> ... </div> CSS .menu--hidden

vue控制只能输入小数点和数字,兼容火狐和IE浏览器。而且限制只能输入6位整数和2位小数

五迷三道 提交于 2020-02-28 12:41:26
-----输入框------ <el-form-item label="工作时长(小时):" prop="worktimelong" > <el-input v-model="handleform.worktimelong" placeholder="请输入工作时长" /> </el-form-item> -----监听------ watch: { 'handleform.worktimelong': function (newval, oldval) { var reg = /^(\d{0,6})(\.(\d{0,2}))?$/g; if (!reg.test(newval)) { if (newval == undefined) { this.handleform.worktimelong = undefined; return; } this.handleform.worktimelong = oldval } else { this.handleform.worktimelong = newval.replace(/^\./g, "") } } } 来源: CSDN 作者: 待接收那附件 链接: https://blog.csdn.net/xuewuzhijing98/article/details/104551801

[Angular2 Form] Reactive Form, FormBuilder

泄露秘密 提交于 2020-02-28 10:46:35
Import module: import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { MessageComponent } from './message.component'; import messageRoutes from './message.routes'; import {FormsModule, ReactiveFormsModule} from "@angular/forms"; @NgModule({ imports: [ CommonModule, FormsModule, ReactiveFormsModule, messageRoutes ], declarations: [MessageComponent] }) export default class MessageModule { } Define the html: <form [formGroup]="reactiveForm" novalidate autocomplete="off"> <div class="form-field"> <label>Title:</label> <input formControlName="title"> </div

Go Web:处理请求

丶灬走出姿态 提交于 2020-02-28 07:00:59
处理请求 Request和Response http Requset和Response的内容包括以下几项: Request or response line Zero or more headers An empty line, followed by … … an optional message body 例如一个http Request: GET /Protocols/rfc2616/rfc2616.html HTTP/1.1 Host: www.w3.org User-Agent: Mozilla/5.0 (empty line) 如果是POST方法,在empty line后还包含请求体。 一个http Response: HTTP/1.1 200 OK Content-type: text/html Content-length: 24204 (empty line) and then 24,204 bytes of HTML code go http包分为两种角色:http Client和http Server。http Client可以发送请求,比如写爬虫程序时语言扮演的角色就是http Client;http Server用来提供web服务,可以处理http请求并响应。 对于Request,作为http客户端(如编写爬虫类工具)常需要关注的是URL和User

第九章:小程序表单与医疗急救卡(上)

筅森魡賤 提交于 2020-02-28 00:45:52
作者: 知晓云 - 小程序开发快人一步 来源:知晓课堂 医疗急救卡小程序是什么? 该小程序主要为一个表单的填写与提交。示例表单的内容包括姓名、性别、血型、医疗情况、服药情况、是否为器官捐献者和紧急联系人电话号码。提交成功后表单显示用户已填写的信息,如果用户想更新,直接更改表单内容再次提交即可。 我们所用到的组件和 API 所需组件 表单:form,将组件内用户输入的 <input/> <switch/> <radio> 等提交; 按钮:button,用以提交表单等; 输入框:input,用户输入姓名和紧急联系人电话号码; 单项选择器:radio-group 和 radio, 用户选择性别; 从底部弹起的滚动选择器:picker, 用户选择血型; 多项选择器:checkbox-group 和 checkbox,用户选择医疗情况; 多行输入框:textarea,用户输入自身服药情况; 开关选择器:switch,用户选择是否为器官捐献者。 所需 API wx.showToast: 显示消息提示框,当用户提交表单后,给予成功或失败提示; wx.makePhoneCall: 拨打紧急联系人电话。 上手开发 卡片展示页面 首次使用小程序,页面将显示一个 「创建医疗急救卡」 的按钮,效果图如下: 点击该按钮后显示表单,效果图如下: 当用户提交过表单后,按钮 “提交” 变为 “更新”

.NetCore上传多文件的几种示例

大憨熊 提交于 2020-02-27 03:37:59
本章和大家分享的是.NetCore的MVC框架上传文件的示例,主要讲的内容有:form方式提交上传,ajax上传, ajax提交+上传进度效果 , Task并行处理+ajax提交+上传进度 form方式上传一组图片 上传文件必须要设置form元素里面的 enctype= " multipart/form-data " 属性和post方式,如果你想要多选上传文件的话,需要把文件type='file'元素设置她的属性multiple='multiple',内容: 1 2 3 4 5 6 7 8 < form class = "form-horizontal" action = "/Home/FileUp" method = "post" enctype = "multipart/form-data" > < input type = "file" name = "MyPhoto" class = "form-control" multiple /> < br /> < button class = "btn btn-default" >form上传</ button > < br /> < span style = "color:red" >@ViewData["MsgBox"]</ span > </ form > 由于采用form提交

使用ajax实现form提交

僤鯓⒐⒋嵵緔 提交于 2020-02-27 03:06:26
1、常见的form表单提交都是使用submit 直接提交给form表单 中action的地址。 常见的form表单提交 < form : form action = "<%=request.getContextPath()%>/login/role_add.do" method = "post" modelAttribute = "role" > < div class = "form-group" > < label class = "form-label" > < span class = "c-red" > * < / span > 角色名称: < / label > < div class = "formControls" > < input type = "text" name = "roleName" required = "required" lay - verify = "title" autocomplete = "off" placeholder = "角色名称" class = "layui-input" / > < / div > < / div > < div class = "form-group" > < label class = "form-label" > < span class = "c-red" > * < / span > 角色描述: <