form | 易学教程

[Bootstrap]全局样式（三）

阅读更多关于 [Bootstrap]全局样式（三）

表格 1、基本类 .table {width/margin-bottom/} {padding/border-top} e.g.:<table class="table"> <tr><th>表头</th></tr> <tr><td>内容</td></tr> </table> 2、条纹表格 .table-striped {nth-of-type(odd):background-color} e.g.:<table class="table table-striped"> <tr><th>表头</th></tr> <tr><td>内容</td></tr> </table> 3、边框表格 .table-border {border} e.g.:<table class="table table-border"> <tr><th>表头</th></tr> <tr><td>内容</td></tr> </table> 4、鼠标悬停 .table-hover {background-color} e.g.:<table class="table table-hover"> <tr><th>表头</th></tr> <tr><td>内容</td></tr> </table> 5、紧缩的表格 .table-condesed e.g.:<table class="table table

利用iframe来做无刷新上传

阅读更多关于利用iframe来做无刷新上传

　　要实现文件上传，form必须设置几个属性：　　1.action：设为要处理数据的页面地址；　　2.method：设为"post"；　　3.enctype/encoding：必须设为"multipart/form-data"，这里要注意的是在ie中用js修改form的enctype属性是没有效果的，只能修改encoding；　　iframe实现无刷新上传的原理：利用form的target属性，把数据提交到页面中一个（通常为隐藏的）iframe上。直观点说就是把“刷新”留给iframe。　　其实原理跟一般用iframe实现无刷新提交表单是一样的，只是这里换成是文件。　　这里关键就是把form的target设为iframe的name <iframe style="display:none" name="test1"></iframe> <form action="/Upload.php" target="test1" method="post" enctype="multipart/form-data"> <div class="img_box m_t_6"> <div class="text_file ele_btn ele_file" > 上传照片 <input name="UploadFile" type="file" onchange="javascript

Enctype与文件上传

阅读更多关于 Enctype与文件上传

　　enctype到底是个啥？　　答：多用途网际邮件扩充协议,在脚本的用法是form.encoding=XXX!表单里面enctype 属性的默认值是“application/x-www-form-urlencoded”，但当向服务器传送大量文本、包含非ASCII字符或二进制数的数据时，这个默认类型就不能胜任了。这时，文件上载提交表单时应使用“multipart/form-data”内容类型。表单直接提交到电子邮箱时候中文字会编码成"%XX%YYPZZ..."这种怪码!这时就可以用text/plain,使中文字不被编码,更容易看! 　　用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。　　application/x-www-form-urlencoded：窗体数据被编码为名称/值对。这是标准的编码格式。　　multipart/form-data：窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分，上传附件用到　　text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。　　enctype="multipart/form-data是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data

html->form表单

阅读更多关于 html->form表单

在form元素的语法中，enctype表明提交数据的编码格式，用 enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。下边是说明： 1、application/x-www-form-urlencoded：窗体数据被编码为名称/值对。这是标准的编码格式。 2、multipart/form-data：窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。 3、text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。表单中 enctype="multipart/form-data"的意思，是设置表单的MIME编码。在默认的情况下，这个编码格式是application/x- www-form-urlencoded，不能用于文件上传；在文件上载时，所使用的编码类型应当是“multipart/form-data”，它既可以发送文本数据，也支持二进制数据上载。Browser端<form>表单的enctype属性值为multipart/form-data，它告诉我们传输的数据要用到多媒体传输协议，由于多媒体传输的都是大量的数据，所以规定上传文件必须是post方法，<input>的type属性必须是file。只有使用了multipart/form-data，才能完整的传递文件数据. 来源： https://www.cnblogs.com/zzj2

html+layui

阅读更多关于 html+layui

添加html+layui项目先引用一个js文件 <form class="layui-form" action=""> <link href="js/layui/css/layui.css" rel="stylesheet" /> <script src="js/jquery-3.3.1.js"></script> <script src="js/layui/layui.js"></script> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-block"> <input id="Rname" type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item layui-form-text"> <label class="layui-form-label">文本域</label> <div class="layui-input-block"> <textarea id="Reamk"

Bootstrap 基本样式

阅读更多关于 Bootstrap 基本样式

表格，表单，按钮，图片基本样式 <head> 　　<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 　　<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.js"></script> 　　<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.css" rel="stylesheet"> </head> <body style="margin:20px"> 　　<div class="container"> 　　　　<div class="row">　　/*框架*/ 　　　　<h2>表单元素</h2> 　　　　<h3>基础表单</h3> /*---------------------------------------------*/ 　　 class="form-group" : 调整表单排列效果　　class="form-control" : 表单宽度100%，并且样式美化　　placeholder="请输入邮箱" 　　for值=id值 /*---------------------------------------------*/ 　　

<form:select>的使用

阅读更多关于的使用

最近在学习springMVC，用到了<form:select>标签，使用发过程中遇到了些问题，现在记录下，以防忘记。我jsp页面是这样的： <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> //使用之前要记得加 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'bookList.jsp' starting page

【校园商铺SSM-22】商品添加--Controller+View+前后端联调的实现

阅读更多关于【校园商铺SSM-22】商品添加--Controller+View+前后端联调的实现

文章目录 1. Controller层的实现 2. View层的实现 2.1 productoperation.html 2.2 productoperation.js 2.3 productmanagement.css 2.4 ShopAdminController添加路由 3. 前后端联合调试 1. Controller层的实现 import com . fasterxml . jackson . databind . ObjectMapper ; import com . imooc . o2o . dto . ImageHolder ; import com . imooc . o2o . dto . ProductExecution ; import com . imooc . o2o . entity . Product ; import com . imooc . o2o . entity . Shop ; import com . imooc . o2o . enums . ProductStateEnum ; import com . imooc . o2o . exceptions . ProductOperationException ; import com . imooc . o2o . service . ProductService ; import

Asp.Net 实现Form登录验证

阅读更多关于 Asp.Net 实现Form登录验证

一、新建Asp.Net项目 1、操作步骤：模板->Visual C#->Windows->Web,修改名称、位置->确定，进入模板选择页 2、在模板选择页中，选择空模板Empty，身份验证：不进行身份验证；这里我们不使用VS的模板，我们从零开始，确定创建项目。 3、右键项目LoginForm，添加两个Web窗体：Login.aspx、Main.aspx; 添加Login页面添加Main页面添加完毕二、项目创建完、添加了登录页面和主页面之后，我们来编辑一个简单的登录页面和主页面 1、双击解决方案下的Login.aspx文件，跳转到Login.aspx.cs源码页面，点击设计，此时看见的是一个空白的页面 2、在空白的设计页面中，在光标显示的位置增加一个Lable控件和TextBox控件在工具箱中找到Lable并拖拽到页面的Div中继续添加密码Lable和密码输入框，选择居中显示，在密码输入框下添加登录按钮，结果如图 3、同样的操作，在Main.aspx页面中增加一个Label，修改Lbale的Text属性为：主页面，增加一个退出按钮，如图页面操作完毕，我们接下来修改Web.config文件。三、Webconfig配置 1、双击Web.config，在如图所示位置操作，增加<authentication></authentication>身份验证节 2、更改验证方式为

Form的is_valid校验规则及验证顺序

阅读更多关于 Form的is_valid校验规则及验证顺序

一、验证顺序查看form下的源码了解顺序 BaseForm为基类，中间包含了is_valid校验方法 @html_safe class BaseForm: ......... self.is_bound = data is not None or files is not None ....... @property def errors(self): """Return an ErrorDict for the data provided for the form.""" if self._errors is None: self.full_clean() #---------------调用校验方法 return self._errors def is_valid(self): #--------------开始校验 """Return True if the form has no errors, or False otherwise.""" return self.is_bound and not self.errors # ---------is_bound 中是数据和字段不能为空，否则就不校验，没问题后调用self.errors开始校验 ....... is_valid 的校验顺序 1. obj = MyForm(request.POST) 创建将要校验的实例 2.

订阅 form