今天遇到个中文乱码问题,大体情况是这样的:前台有一个form表单,其中有几个input的控件,值是带中文的,form表单只设置了id='form1' method='post' action='xxx...' 调用submit方法提交,后台是springMVC的Controller接收请求,结果得到的参数值都是乱码。...解决方法:为form表单再设置一个属性 enctype=‘mutipart/form-data’ ,此时后台接收到的值就没有乱码了。.../form-data’是告诉浏览器使用二进制(就是字节流)的形式发送请求,因为直接使用了二进制,所以不存在字符编码不统一的问题,也就规避了中文乱码的问题。 ...如有不准确的地方,请各位大牛给予更详细的分析。
enctype 属性: 规定在向服务器发送表单数据之前如何对其进行编码, 在 POST 请求使用其值为(text/plain、multipart/form-data、application/x-www-form-urlencoded...Get 请求:用于没有敏感信息,且少量数据的提交,其表单数据在页面地址栏中是可见的,例如 action page.php?...取决于设备和用户代理不同,表单可以使用各种类型的输入数据和控件。 元素是目前是 HTML 中最强大、最复杂的元素之一,因为它有大量的输入类型和属性组合。...,用于在提交表单时发送元素的方向性 | | disabled | 所有类型...formtarget 属性: 表示接收提交的表单后在哪里显示响应(_self,_top,_blank,_parent) 温馨提示: 请始终为 元素规定 type 属性 (三种类型),
在更高级的用法中,可以使用命名的正则表达式组来捕获URL 中的值并以关键字 参数传递给视图。 在Python 正则表达式中,命名正则表达式组的语法是(?...再次提交表单,就不会出现404错误了! 这就是反向解析,路径会变,但是别名不会变。别名是随着路径的变动而变动的。...return redirect("/index/") # 跳转首页 return render(request,"login.html") 再次输入正确的用户和密码,点击提交。...), ] 基本规则: 使用尖括号()从url中捕获值。...捕获值中可以包含一个转化器类型(converter type),比如使用 捕获一个整数变量。若果没有转化器,将匹配任何字符串,当然也包括了 / 字符。 无需添加前导斜杠。
属性值: type = "email" 限制用户输入必须为Email类型 type="url" 限制用户输入必须为URL类型 type="date" 限制用户输入必须为日期类型 type="datetime..." 显示完整日期 含时区 type="datetime-local" 显示完整日期 不含时区 type="time" 限制用户输入必须为时间类型 type="month" 限制用户输入必须为月类型 type...="week" 限制用户输入必须为周类型 type="number" 限制用户输入必须为数字类型 type="range" 生成一个滑动条 type="search" 具有搜索意义的表单results=..."n"属性 type="color" 生成一个颜色选择表单 type="tel" 显示电话号码 **HTML5 拥有多个可供选取日期和时间的新输入类型: ...: 正则表达式 输入的内容必须匹配到指定正则范围 autocomplete:是否保存用户输入值 默认为on,关闭提示选择off formaction: 在submit里定义提交地址 datalist
HTML5 拥有多个新的表单输入类型(color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week...类型 描述 email email 类型用于应该包含 e-mail 地址的输入域。 在提交表单时,会自动验证 email 域的值。 tel 输入电话号码。...url url 类型用于应该包含 URL 地址的输入域。 在提交表单时,会自动验证 url 域的值。 number number 类型用于应该包含数值的输入域。...range range 类型用于应该包含一定范围内数字值的输入域。...max:规定允许的最大值 min:规定允许的最小值 step:规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等) value:规定默认值 range range 类型用于应该包含一定范围内数字值的输入域
1、form属性 表单内的从属元素,可以写在表单外部。可以通过指定元素的form属性来声明元素所属表单。form的属性值为表单的id。...属性简介 2、formaction属性 给所有的提交按钮增加formaction属性,可以通过不同的按钮将表单提交到不同的页面。...6、list属性 为单行文本框特有属性,配合datalist标签使用。属性值为datalist标签的id。...7、autocomplete属性 规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。...8、input的新增type属性种类 值 描述 url 定义用于输入 URL 的字段。
HTML 的 method 特性 submit(): 提交表单 reset(): 将所有表单域重置为默认值 提交表单 使用 input 或 button 都可以定义提交按钮,只要将其 type 特性的值设置为...在重置表单时,所有表单字段都会恢复到页面刚加载完毕时的初始值。如果某个字段的初始值为空,就会恢复为空; 而带有默认值的字段,也会恢复为默认值。...其他输入类型 HTML5 为 input 元素的 type 属性又增加了几个值。这些新的类型不仅能反映数据类型的信息,而且还能提供一些默认的验证功能。...,而 “url” 类型要求输入的文本必须符合 URL 的模式。...对所有这些数值类型的输入元素,可以指定 min 属性(最小的可能值)、max 属性(最大的可能值)和 step 属性(从 min 到 max 的两个刻度间的差值)。
枚举类型变量的赋值特性: 一个枚举类型如果没有赋初值,则默认值为0。 一个枚举类型如果赋值为nil,同样值为0。...= 1 }; 在调用的时候,代码欲从VC的字典数组 self.resource 中获取某字典 self.resource[indexPath.row] 并取出 type 的键值对,但实际使用时,该字典并不存在键值对...,即 [self.resource[indexPath.row] objectForKey:@"type"] 为空,这时候如果把它传递给枚举类型,所获得到的枚举类型仍为0。...打个断点,可以发现type1和type2的值均为PopupTypeNormal,即第一个枚举类型。...结论 可见,某些博客讲的,上述这些对字典的判空方法,是无效的。
需要注意的是,在定义单选按钮时,必须为同一组中的选项指定相同的name值,这样“单选”才会生效。此外,可以对单选按钮应用 checked属性,指定默认选中项。...6.提交按钮 提交按钮是表单中的核心控件,用户完成信息的输入后一般都需要单击提交按钮才能完成表单数据的提交。...可以对其应用 value属性,改变提交按钮上的默认文本。 7.重置按钮 当用户输入的信息有误时,可单击重置按钮取消已输入的所有表单信息。...8.图像形式的提交按钮 图像形式的提交按钮与普通的提交按钮在功能上基本相同,只是它用图像替代了默认的按钮,外观上更加美观。...16 number类型 number类型的 <input/标记用于提供输入数值的文本框。在提交表单时,会自动检查该输入框中的内容是否为数字。
按tab键切换时会按照指定的值,依次切换 .. --> 用户名: <!...time:时间输入框,chrome支持, week:某一年的第几周,chrome支持, month:某一年的第几月,chrome支持, --> 出生日期: <!...-- html5中的type="submit",不指定value属性时默认显示提交查询 formaction指定提交的路径, --> <!
(从URL中捕获值,只是把它周围的括号。) There’s no need to add a leading slash, because every URL has that....在更高级的用法,可以使用指定的正则表达式组捕获的URL) · In Python regular expressions, the syntax for named regular-expression...For example: (这完成了前面的例子一样,有一个微妙的差异:捕获的值传递给视图函数作为关键字参数而不是位置参数。...,而是字母,就出错了,还有就是提交后再回来已经输入的数据也会没了。...那么,当然如果我们手动将输入之后的数据在 views 中都获取到再传递到网页,这样是可行的,但是很不方便,所以 Django 提供了更简单易用的 forms 来解决验证等这一系列的问题。
引言 在之前的HTML表单标签中,对于一些功能支持的不够好,比如:文本框提示信息(之前只能通过js和input的事件结合处理)、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能..." max="100" step="2"/> 运行效果: 注:此标签其实就是普通的input标签,只不过是type类型指向了number,标识当前标签接受数字类型输入.另外添加了四个属性. name:属性大家很熟悉了用来标识表单提交时的...key值 min:是表单标签新增加的属性标识当前输入框输入的最小值 max:那就是最大值了 step:是步长的意思,也就是在点击增大或者减小的时候的增加减少的步长 小结:min,max,step是表单标签中添加的新的属性...另外就是type又增加了一个新的number类型,接受数字输入。而之前我们要做到这样的效果只能通过js在失去焦点时候判断,控制起来不那么方便,现在一切都那么简单简洁。 ...另外就是:placeholder="请输入注册邮箱" 这个属性的功能,相信你看到此时的效果的时候你会感到非常想兴奋,而在之前实现此提示信息,需要监听一下文本框的blur事件,然后判断是否为空,为空再去给文本框赋值一个灰色的字体提示信息
-- input 属性 : value 属性规定输入字段的初始值 readonly 属性规定输入字段为只读(不能修改) disabled 属性规定输入字段是禁用的。...当自动完成开启,浏览器会基于用户之前的输入值自动填写值。 提示:您可以把表单的 autocomplete 设置为 on,同时把特定的输入字段设置为 off,反之亦然。...如果设置,则规定允许用户在 元素中输入一个以上的值。 multiple 属性适用于以下输入类型:email 和 file。...placeholder 属性规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。 该提示会在用户输入值之前显示在输入字段中。...如果设置,则规定在提交表单之前必须填写输入字段。
今天小课堂的主要内容是,input表单的应用,还有在html5中新增的属性。 表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素,最主要的作用就是收集信息。...2. tel:编辑电话号码的控件,提交时换行符会自动从输入框中去掉。 3. url:编辑url的控件,提交时换行符与首位的空格都将自动去除。 4. email:可输入一个邮件地址。...此外,还有time、datetime、datetime-local、month、week、number、range类型。...2. pattern:一个正则表达式,用于检查控件的值,可作用于text、search、tel、url、email类型的input。...7. autocomplete:浏览器是否根据之前提交的输入情况对此input自动填值(即以option形式匹配之前的输入值),取值on或off,默认on。
一、用input元素输入文字 type属性设置为text的input元素在浏览器中显示为一个单行文本框。 1....使用数据列表 可以将input元素的list属性设置为一个datalist元素的id属性值,这样用户在文本框中输入数据时只需从后一元素提供的一批选项中选择就行了。...hidden类型的input元素; 二、用input元素为输入数据把关 1....input元素,只有在提交表单的时候才会检测用户输入的数据,且检查效果各不相同。...用input元素上传文件 input元素类型是file型,它可以在提交表单时将文件上传到服务器。
定义在提交表单是执行的动作 向服务器提交表单的通常做法是提交按钮(submit) action属性可以指定特定的脚本来处理被提交的表单数据 <form action="*.php[/.jsp/.asp]...使用GET时,<em>表单</em><em>提交</em><em>的</em>数据<em>在</em>URL中是可见<em>的</em> 反之—— <em>表单</em>是动态更新或者密码内容<em>的</em>,POST更加适合,而且<em>提交</em><em>的</em>数据<em>在</em>URL不可见 name属性: 如果希望<em>提交</em><em>的</em><em>表单</em>数据可以被服务器获取到或者看见...,就需要给<em>表单</em>元素添加一个name属性(<em>在</em>脚本中会按照字段接收数据信息) 标签:组合<em>表单</em>元素 组合<em>表单</em>中<em>的</em>相关数据 元素<em>为</em>< fieldset...重置按钮会清除<em>表单</em>中<em>的</em>所有数据。 submit 定义<em>提交</em>按钮。<em>提交</em>按钮会把<em>表单</em>数据发送到服务器。 text 定义单行<em>的</em><em>输入</em>字段,用户可在其中<em>输入</em>文本。默认宽度<em>为</em> 20 个字符。...number 用于包含数字<em>值</em><em>的</em><em>输入</em>字段 date 定义日期字段<em>的</em><em>输入</em> color 定义颜色<em>的</em><em>输入</em> range 定义一个范围<em>的</em> 滑块控件 <em>month</em> 定义日期字段<em>输入</em>或选择 <em>输入</em>限制(属性): 属性 描述
画圆 arc(x,y,r,start,stop) 画布的左上角坐标为0,0 x:圆心在x轴上的坐标 y:圆心在y轴上的坐标 r:半径长度 start:起始角度,以弧度表示,圆心平行的右端为0度 stop...使用渐变,设置fillStyle或strokeStyle的值为 渐变,然后绘制形状,如矩形,文本,或一条线。... 元素规定输入域的选项列表 表单属性 / autocomplete 属性 规定 form 或 input 域应该拥有自动完成功能,当用户在自动完成域中开始输入时...datalist 是输入域的选项列表 min 和 max 属性 min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。... required 属性 required 属性是一个 boolean 属性.required 属性规定必须在提交之前填写输入域(不能为空)。
考核内容:HTML5应用及理解 题发散度: ★★ 试题难度: ★★ 解题思路: search:用于搜索域,比如站点搜索或 Google 搜索,域显示为常规的文本域。...url :用于应该包含 URL 地址的输入域在提交表单时,会自动验证 url 域的值。 email:用于应该包含 e-mail 地址的输入域,在提交表单时,会自动验证 email 域的值。...datetime:选取时间、日、月、年(UTC 时间) date:选取日、月、年 month:选取月、年 week:选取周和年 time:选取时间(小时和分钟) datetime-local:选取时间、...日、月、年(本地时间) number:用于应该包含数值的输入域,您还能够设定对所接受的数字的限定。...range:用于应该包含一定范围内数字值的输入域,类型显示为滑动条。
)检查用户输入的号码和信用卡类型是否匹配。...在用户提交输入值时验证。...用户提交值的标志包括按下Tab键、回车键、方向键或鼠标单击其它组件。 triggerEvent取值为valueCommit。 <?...,在提交之前一并验证。...把trigger属性都设置成提交按钮对象,triggerEvent都设置为同一事件。 脚本式验证 可以在任何时候都验证用户输入的值。
,表单提交时,keygen生成表单密钥对,一个是公钥,一个是私钥,私钥存储在客户端,公钥通过带有keygen字段的表单发送给服务器。...novalidate :规定提交表单时是否验证域。...autocomplete属性 属性规定 form 或 input 在当前域下拥有自动完成功能,通俗地讲就是元素聚焦时,会自动展示之前输入过的内容,内容是根据当前域名下之前使用过的数据。...- 重写表单 novalidate 属性 formtarget - 重写表单的 target 属性 min、max、step属性 三者用于对数字、日期类型输入框的限制和约束。...min - 规定允许设置的最小值。 max - 规定允许设置的最大值。 step - 规定合法的数字间隔。 使用示例,请参照上output处的实例。 multipel属性:规定输入域中可选择多个值。
领取专属 10元无门槛券
手把手带您无忧上云