form表单提交

form表单中input输入框的用法总结

放肆的年华 提交于 2020-02-16 12:48:05
1.  <input type="text"> type类型为text,定义一个可以输入内容文本输入框    2.  <input type="submit" value="提交"> type类型为text,定义一个按钮, 点击会提交到form表单地址中      另外:<button>提交</button> 按钮的标签button,也具有和<input type="submit" value="提交">同样的作用    3.  <input type="button" value="提交"> type为button,定义一个按钮, 但是能点击不能提交表单    4.  <input type="checkbox" > type为checkbox,定义一个复选框,点击勾选    5.  <input type="radio" name="sex" value="男"> type为radio,定义一个单选框,点击选中   6.  <input type="file"> 选择文件上传    7.  <input type="email"> 定义一个邮箱文本框,输入不是邮箱时,无法提交,并自动给予提示 8.  type类型为 url ,定义一个网址输入框,输入不是网址,则会提示 <form action="" method="GET"> <input type="url"> <input

Form组件使用

老子叫甜甜 提交于 2020-02-13 12:40:16
form组件 form组件的功能 生产input标签 对提交的数据进行校验 提供错误提示 form组件中常用字段 # 查看所有字段可点进forms中,fields里面是所有字段,widgets是所有插件 CharField # 生成input框,默认文本输入框 ChoiceField # 选择框,默认是select单选下拉框 MultipleChoiceField # 多选框,默认是select下拉框。里面是选择的内容 注:想更改可以用已经写好的字段,也可以直接改widget 如:email = forms.CharField(label='邮箱',widget=EmailInput)将文本输入框改成了邮箱输入框。 字段参数 required=True, 是否允许为空 widget=None, HTML插件,改变input框中格式,如:从文本变成email label=None, 用于生成Label标签或显示内容 initial=None, 初始值,默认值,默认填在input框中 error_messages=None, 修改错误信息显示内容 {'required': '不能为空', 'invalid': '格式错误'} 键是对应的参数,值是想要显示的错误信息内容 validators=[], 自定义验证规则 disabled=False, 是否可以编辑 min_length:

事半功倍系列 javascript

若如初见. 提交于 2020-02-13 12:12:43
清华大学出版的《事半功倍系列 javascript》,本人照着书敲出来的,有些翻译了一下.前几年看了一下,最近无事,重新翻了翻,很有帮助.本书应该有光盘的,但学校的书,光盘不知在哪.希望对你学 javascript有帮助 第一章javascript简介 1.在地址栏输入javascript语句 Javascript:Document.write("显示文字") 2.将javascript嵌入 HTML文档 <script language=javascript> document.bgColor="blue" </script> 第二章 使用变量和数组 1.声明变量 <script language=javascripe> Var answer1,answer2,answer3,answer4; answer1=9; answer2=2.5 answer3="Milkey May" answer4=true </script> 2.使用整数 <script language=javascript> var decimalNum,hexadecimalNum,octalNum decimalNum=24 hexadecimalNum=0x24 octalNum=024 document.write("显示十进制数:"+ decimalNum+"<br>") document

html入门(七)—— 表单(form)

大兔子大兔子 提交于 2020-02-11 21:15:44
1. form标签 A. 用form标签创建一个表单,表单中所有内容都要在form标签之间。 B. form标签常用属性有name、action、method、target和enctype name:用于区分不同表单,同时也可以防止表单提交到后台后出现混乱。 action:用于定义表单提交的地址,也就是处理表单搜集到的数据送到哪里处理(没理解,有待后续深入研究)。 method:用于定义使用http的哪种方法提交表单数据,可取get(默认值)和post(没理解,有待后续深入研究)。 target:和标签a的target属性一样(没理解,有待后续深入研究)。 enctype:用于定义编码方式,一般采用默认,即不需要设置。 C. 表单对象就是放在form标签内的对象, 表单对象有三种:input、textarea、select和option。其中,select和option要配合使用,类似于ul和li。 对于需要和服务器交互的表单对象,一定要放在form标签内,否则也可以放在form标签外。 2. input标签 input标签是自闭合标签,属性值type不同会有不同的显示状态,type属性常用取值如下: type="text":单行文本框 type="password":密码文本框 type="button":普通按钮 type="reset":重置按钮 type="submit"

将ASP.NET MVC中的form提交改为ajax提交

一世执手 提交于 2020-02-11 02:51:01
在ASP.NET MVC视图中通过 @using (Html.BeginForm()) 产生的是form表单提交代码,可以用javascript代码截获这个form提交,改为ajax提交,示例代码如下: 代码来自: ASP.NET MVC 3 Unobtrusive Javascript Validation With Custom Validators $('#form1').submit(function () { if ($(this).valid()) { $.ajax({ url: this.action, type: this.method, data: $(this).serialize(), success: function (result) { $('#result').html(result); }, error: function (result) { alert(result); } });}return false;}); 用ASP.NET MVC自带的Ajax.BeginForm也可以实现Ajax提交,但对返回结果的控制没有上面的方法灵活,代码如下: @using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "result" })) 来源: https:

SpringMVC 的 form表单使用

眉间皱痕 提交于 2020-02-10 21:07:46
1.SpringMVC 表单标签 <form> 概述 Spring也提供了一套表单标签库, 通过Spring 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显 1.1 from表单有一个很重要的 共有属性 : path : 表单标签的共有属性,相当于HTML的name属性,支持级联关系 1.2 使用SpringMVC的表单标签要在jsp中引入 以下 标签库: <%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%> 2.使用SpringMVC的 form 标签 主要有两个功能: 2.1第一个功能: 当form表单作为展示数据时 ,它会自动的绑定来自Model中的一个属性值到当前form对应的实体对象中,默认是command属性,这样我们就可以在form表单体里面方便的使用该对象的属性了。 例子如下: Controller : jsp : 浏览器访问 : http://localhost:8080/springMvcCrud/show 过程:通过表单的 modelAttribute属性 绑定Model中的 emp对象,path属性映射具体的emp属性值到标签上 注意 :如果没有使用modelAttribute属性绑定具体对象

Flask_0x03 Web表单

。_饼干妹妹 提交于 2020-02-10 02:57:47
0x1 Flask-WTF git checkout 4a 1.1 CSRF保护 Flask-WTF可以处理表单 (venv) $ pip install flask-wtf Flask-WTF 使用程序设置的秘钥生成加密令牌,验证表单数据真伪实现CSRF保护 设置密钥方法:hello.py:设置Flask-WTF app = Flask(__name__) app.config['SECRET_KEY'] = 'hard to guess string' app.config用来存储框架、扩展和程序本身的配置变量 SECRET_KEY配置变量是通用密钥 1.2 表单类 WTForms:http://wtforms.readthedocs.io/en/latest/ 使用Flask-WTF时,每个Web表单都由一个继承自Form的类表示 hello.py:Web表单,包括一个文本字段和一个提交按钮 from flask_wtf import Form from wtforms import StringField, SubmitField from wtforms.validators import Required class NameForm(Form): name = StringField('What is your name?', validators=[Required

formvalidation表单验证

烈酒焚心 提交于 2020-02-08 00:42:47
官方文档:http://formvalidation.io var $formEntityProfileSearch = $("form[name=entityProfileSearch]"); var $formValidationEntityProfileSearch = $formEntityProfileSearch.data("formValidation"); //初始化表单验证 $formValidationEntityProfileSearch.revalidateField('companyFullName'); //支持单一字段重新验证 formValidationEntityProfileSearch.resetField(); //重置验证字段 一个表单多个提交按钮 formSubmit.off('success.form.fv.submit'); formSubmit.on('success.form.fv.submit', function(e) { var $form = $(e.target), // Form instance // Get the clicked button $button = $form.data('formValidation').getSubmitButton(); switch ($button.attr('name')

form表单

若如初见. 提交于 2020-02-07 06:46:58
表单 功能/作用 用于向服务器发送数据,实现用户与web服务器的交互 form表单内的标签有 input textarea select fieldset label form表单属性 accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。 action 规定向何处提交表单的地址(URL)(提交页面)。 autocomplete 规定浏览器应该自动完成表单(默认:开启)。 enctype 规定被提交数据的编码(默认:url-encoded)。如果是上传文件需要将enctype="multipart/form-data" method 规定在提交表单时所用的 HTTP 方法(默认:GET)。 name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标(默认:_self)。 input type 文本text 密码框password 日期输入框date 复选框checkbox redio单选框 提交按钮submit 重置按钮reset 普通按钮button 隐藏输入框hidden 文本选择框file name 相当于表单提交后的数据的key值 value 相当于表单提交后的数据的value值 当input为各种按钮时

Bootstrap学习笔记(二) 表单

牧云@^-^@ 提交于 2020-02-07 04:37:45
在 Bootstrap学习笔记(一) 排版 的基础上继续学习Bootstrap的表单,编辑器及head内代码不变。 3-1 基础表单    单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。   在Bootstrap框架中,通过定制了一个类名` form-control `,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果。      1、宽度变成了100%   2、设置了一个浅灰色(#ccc)的边框   3、具有4px的圆角   4、设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化   5、设置了placeholder的颜色为#999 <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">邮箱</label> <input type="email" class="form-control" id="exampleInputEmail" placeholder="请输入您的邮箱地址"> </div> <div class="form-group"> <label for="exampleInputPassword1">密码</label> <input type="password" class=