label | 易学教程

自定义单选框和复选框

阅读更多关于自定义单选框和复选框

效果如下： html代码： <div class="form-inline"> 　　<div class="radio-wrap"> 　　<label class="radio"> 　　<input type="radio" name="radio" checked="checked"> <i></i>是 </label> <label class="radio"> 　　<input type="radio" name="radio"> <i></i>否 </label> </div> <div class="check-wrap"> 　　<label class="checkbox"> 　　<input type="checkbox" name="checkbox" checked="checked"> <i></i>选项一 </label> <label class="checkbox"> 　　<input type="checkbox" name="checkbox"> <i></i>选项二 </label> <label class="checkbox"> 　　<input type="checkbox" name="checkbox"> <i></i>选项三 </label> 　　</div> </div> css样式： .form-inline .checkbox,

vue中单选框与多选框的实现与美化

阅读更多关于 vue中单选框与多选框的实现与美化

我们在做一些页面时，可能会用到很多的单选框和复选框，但是原生的radio和checkbox前面的原型图标或方框样式不尽人意。于是，决定自己来实现单选框和复选框。我用的是vue，所以就用vue的方式实现单选和复选框。下面来看一下单选框的实现： template  <span class="selfRadio" @click="clickRadio(1)"> <span class="selfRadioImgBox"> <img v-show="radioVal==1" src="../assets/img/checked.png" alt="选中图标"> <img v-show="radioVal!=1" src="../assets/img/noCheck.png" alt="未选中图标"> </span> 单选框 </span> <span class="selfRadio" @click="clickRadio(2)"> <span class="selfRadioImgBox"> <img v-show="radioVal==2" src="../assets/img/checked.png" alt="选中图标"> <img v-show="radioVal!=2" src="../assets/img/noCheck.png" alt=

手把手创建自己的数据集：类似cifar10数据结构的数据集

阅读更多关于手把手创建自己的数据集：类似cifar10数据结构的数据集

前言：我们在跑神经网络时，通常使用的都是别人已经整理好的数据集，如MNIST、CIFAR10、CIFAR100等，但是在实际的应用中，往往需要根据实际的问题创建对应该问题的数据集，这就需要用自己的图片创建一个类似CIFAR10的数据集。如果我们创建的数据集格式和CIFAR10的格式一样的，那么所创建的数据集将很容易地输入到原有的神经网络，而无需改动太多的结构。 1、首先查看CIFAR10数据集是长什么样子的？ CIFAR10经过解压后会得到cifar-100batches-py的文件夹，如下图所示：通过dataset2Image.py文件可以将以上的数据batch解压成图片 #import cPickle import pickle def unpickle(file): with open(file, 'rb') as fo: #dict = cPickle.load(fo) dict = pickle.load(fo, encoding='iso-8859-1') # encoding='bytes' #dict = pickle.load(fo, encoding='bytes') return dict if __name__ == '__main__': #print (unpickle('train_batch_video')) print(unpickle(

Django之路——9 Django的form组件的信息校验

阅读更多关于 Django之路——9 Django的form组件的信息校验

forms组件校验字段功能针对一个实例：注册用户讲解。模型：models.py class UserInfo(models.Model): name=models.CharField(max_length=32) pwd=models.CharField(max_length=32) email=models.EmailField() tel=models.CharField(max_length=32) 模板: register.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post"> {% csrf_token %} <div> <label for="user">用户名</label> <p><input type="text" name="name" id="name"></p> </div> <div> <label for="pwd">密码</label> <p><input type="password" name="pwd" id="pwd"></p> </div> <div> <label for="r_pwd">确认密码</label> <p>

Vue基础06v-model数据源绑定

阅读更多关于 Vue基础06v-model数据源绑定

v-model指令就是把数据绑定在特定的表单元素上，可以很容易实现双向数据绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>v-model数据源绑定实例</title> <script src="../assets/js/vue.js"></script> </head> <body> <h1>v-model数据源绑定实例</h1> <hr> <div id="app"> <p>原始文本:{{message}}</p> <hr> <h3>文本框</h3> <p>v-model<input type="text" v-model="message"></p> <p>v-model.lazy<input type="text" v-model.lazy="message"></p>  <p>v-model.number<input type="text" v-model

Django组件——forms组件

阅读更多关于 Django组件——forms组件

一，forms组件：校验字段功能针对一个实例：注册用户讲解。模型：models.py class UserInfo(models.Model): name=models.CharField(max_length=32) pwd=models.CharField(max_length=32) email=models.EmailField() tel=models.CharField(max_length=32) 模板: register.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post"> {% csrf_token %} <div> <label for="user">用户名</label> <p><input type="text" name="name" id="name"></p> </div> <div> <label for="pwd">密码</label> <p><input type="password" name="pwd" id="pwd"></p> </div> <div> <label for="r_pwd">确认密码</label>

measure.label寻找最大连通域

阅读更多关于 measure.label寻找最大连通域

网上看了几个帖子，自己试了一下，都以一点点错误和不匹配，于是自己修改了一个新的版本。用skimage.measure.label寻找最大连通域 from skimage import measure # 输入二值图像mask def largeConnectComponent(bw_image): labeled_img, num = measure.label(bw_image, neighbour, background=0, return_num=True) # 这里返回的labeled_img是一幅图像，不再是一副二值图像，有几个连通域，最大值就是几，num是连通域个数，1个连通域的话num=1 max_label = 0 max_num = 0 # 图像全黑，没有连通域num=0,或者是由一个连通域num=1，直接返回原图像 if num == 0 or num == 1: return bw_image else: for i in range(1, num+1): #注意这里的范围，为了与连通域的数值相对应 # 计算面积，保留最大面积对应的索引标签，然后返回二值化最大连通域 if np.sum(labeled_img == i) > max_num: max_num = np.sum(labeled_img == i) max_label = i lcc =

记账本开发记录——第八天（2020.1.26）

阅读更多关于记账本开发记录——第八天（2020.1.26）

在疫情如此严重的现在，在家安心学习。昨天初一守夜无聊的时候学完了JQ剩下的部分。这里讲到了一个插件validate。使用这个插件可以很方便的进行表单的检验，并且具有很好看的效果样式。以下是代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>网站注册页面</title> 6 <style> 7 #contanier{ 8 border: 0px solid white; 9 width: 1300px; 10 margin: auto; 11 } 12 13 #top{ 14 border: 0px solid white; 15 width: 100%; 16 height: 50px; 17 } 18 #menu{ 19 border: 0px solid white; 20 height: 40px; 21 background-color: black; 22 padding-top: 10px; 23 margin-bottom: 15px; 24 margin-top: 10px; 25 } 26 .top{ 27 border: 0px solid white; 28 width: 405px; 29 height: 100%; 30 float: left; 31

jQuery Mobile_表单元素

阅读更多关于 jQuery Mobile_表单元素

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header" style="text-align:center">header</div> <div data-role="content"> <form method="post" action="#"> <div data-role="fieldcontain"> <label for="fname">姓名:</label> <input type="text" id="fname" name="fname" placeholder=

如何来隐藏、恢复、删除Tkinter的控件

阅读更多关于如何来隐藏、恢复、删除Tkinter的控件

通过小例子帮助我们更好的理解如何使用tkinter控件的 pack_forget(),grid_forget(),grid_remove() https://www.delftstack.com/howto/python-tkinter/how-to-hide-recover-and-delete-tkinter-widgets/ 1. pack_forget() 方法来隐藏Tkinter控制与pack()方法相反，我们可以通过调用pack_forget()方法来隐藏Tkinter控件 try : import Tkinter as tk except : import tkinter as tk class Test ( ) : def __init__ ( self ) : self . root = tk . Tk ( ) self . label = tk . Label ( self . root , text = "Label" ) self . buttonForget = tk . Button ( self . root , text = 'Click to hide Label' , command = lambda : self . label . pack_forget ( ) ) self . buttonRecover = tk . Button (

订阅 label