按钮 | 易学教程

from 的使用

阅读更多关于 from 的使用

使用form实现登录 views from django.shortcuts import render,redirect,HttpResponse from app01 import models from app01 import myform from utils import md5_tool # Create your views here. def login(request): if request.method=='GET': return render(request,'auth/login.html') else: username=request.POST.get('username') password=request.POST.get('password') user_obj=models.Userinfo.objects.filter(username= username,password=password) if user_obj: return redirect('home') else: return render(request,'auth/login.html',{'errors':'用户密码有误'}) def register(request): if request.method=='GET': form_obj = myform

改变confirm的按钮文字为是否&&msgbox函数详解

阅读更多关于改变confirm的按钮文字为是否&&msgbox函数详解

Js 控制 bootstrap 模态框

阅读更多关于 Js 控制 bootstrap 模态框

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 模态框（Modal）插件</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><h2>创建模态框（Modal）</h2> <a href="javascript:void(-1);" οnclick="show_modal();"> 开始演示模态框</a></button><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria

页面回到顶部的实现及原理

一、原理监听当前页面滚动事件当滚动到一定像素显示回到顶部的按钮给回到顶部按钮绑定点击事件，点击按钮让滚动条回到顶部并隐藏按钮二、实现代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>回到顶部demo</title> <style type="text/css"> .up{ position:fixed; bottom:20px; right:20px; width:10px; display:none; } </style> </head> <body> <div style="background:rgb(200,200,200);height:2000px;">我很长</div> <a id="up" href="javascript:;" class="up">回到顶部</a> </body> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> //绑定页面滚动事件 $(window).bind('scroll'

在设置边角位置的button或者sprite的时候，要注意设置锚点（而非传统的(0.5,0.5)）

阅读更多关于在设置边角位置的button或者sprite的时候，要注意设置锚点（而非传统的(0.5,0.5)）

如左上可设置锚点为（0,1）来源： https://www.cnblogs.com/guomengkai/p/12012115.html

Android Relativelayout

阅读更多关于 Android Relativelayout

RelativeLayout ：相对布局，这是最自由的布局，开发者可以自己配置控件的位置。 RelativeLayout 有几个重要的属性：第一类 : 属性值为 true 或 false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:layout_alignParentLeft 贴紧父元素的左边缘 android:layout_alignParentRight 贴紧父元素的右边缘 android:layout_alignParentTop 贴紧父元素的上边缘 android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物第二类：属性值必须为 id 的引用名 “@id/id-name” android:layout_below 将该控件的顶部至于给定 ID 的控件之下 android:layout_above 将该控件的底部至于给定 ID 的控件之上 android:layout_toLeftOf 在某元素的左边 android:layout

UIView的常见属性

阅读更多关于 UIView的常见属性

//@property(nonatomic,readonly) UIView *superview; //获得自己的父控件对象 //@property(nonatomic,readonly,copy) NSArray *subviews; 获得自己的所有子控件对象 //@property(nonatomic) NSInteger tag; //控件的ID\标识，父控件可以通过tag来找到对应的子控件 //@property(nonatomic) CGAffineTransform transform; //控件的形变属性（可以设置旋转角度、比例缩放、平移等属性） //@property(nonatomic) CGRect frame; //控件所在矩形框在父控件中的位置和尺寸（以父控件的左上角为坐标原点） //@property(nonatomic) CGRect bounds; //控件所在矩形框的位置和尺寸（以自己左上角为坐标原点，所以bounds的x\y一般为0） //@property(nonatomic) CGPoint center; //控件中点的位置（以父控件的左上角为坐标原点） //在UIKit中，坐标系的原点（0，0）在左上角，x值向右正向延伸，y值向下正向延伸 //- (void)addSubview:(UIView *)view; //添加一个子控件view

【JQGRID DOCUMENTATION】.学习笔记.4.Navigator

阅读更多关于【JQGRID DOCUMENTATION】.学习笔记.4.Navigator

Navigator是一个将查找或编辑记录的动作，变得非常容易达到用户交互特性。开发者可以创建自定义动作，也可以使用六个预定义的动作。jqGrid为预定义的动作提供icon button图形。一组完整的预定义动作包括添加新行编辑选中行查看选中行删除选中行查找纪录重载grid Navigator是一个jqGrid方法，它可以通过扩展grid主方法来激活和配置。内置的Navigator必须应用在pager元素上。另外，pager元素应该被定义。内置的Navigator动作相当于表单编辑动作，可以参考Form Editing。有三种调用方法 1 $("#list").navGrid('#pager'); 2 $("#list").jqGrid("navGrid","#pager"); 3 或者链式调用 4 $("#list").jgGrid({.......}).navGrid("#pager") list是已经构建好的jgGrid的id pager是navigation bar的id parameters是一个设置数组，后面会定义 prmEdit，prmAdd，prmDel，prmSearch，prmView是Form editing中指定动作的参数和事件对象通过prmEdit….定义的每个特别的模块的id参数都会被传递

常用jQuery

阅读更多关于常用jQuery

一：选择器 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取所有 id="demo" 的 <p> 元素。二：事件项目中使用： <button type="button" class="btn btn-danger btn-lg col-lg-4 col-md-4 col-sm-4" onclick="confirmPre();">确认购买</button> 三：显示和隐藏您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：四：获取 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " +

4.9、Bootstrap V4自学之路------组件---提示

阅读更多关于 4.9、Bootstrap V4自学之路------组件---提示

示例 Alert对任何长度的文本都可用，同时还可以视情况添加“抹除”按钮。为了适当的样式，必须使用下文中四个类中的一个（例如， .alert-success ）。对于行内的抹除，请使用alerts jQuery 插件。 <div class="alert alert-success" role="alert"> <strong>做得好！</strong> 你成功地读了这个重要的警告信息。 </div> <div class="alert alert-info" role="alert"> <strong>注意！!</strong> 这种警告需要你的注意，但它并不重要。 </div> <div class="alert alert-warning" role="alert"> <strong>警告！</strong> 更好的检查自己，你不太好。 </div> <div class="alert alert-danger" role="alert"> <strong>哦突然！</strong> 改变一些事情，并尝试再次提交。 </div> 链接颜色在一条alert中，使用 .alert-link 实用工具类可以快速提供匹配的着色链接。 <div class="alert alert-success" role="alert"> <strong>做得好！</strong>

订阅按钮