按钮 | 易学教程

input元素的23种type类型

阅读更多关于 input元素的23种type类型

随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week共13个传统类型 text 定义单行的输入字段，用户可在其中输入文本 password 定义密码字段。该字段中的字符被掩码 file 定义输入字段和 "浏览"按钮，供文件上传 radio 定义单选按钮 checkbox 定义复选框 hidden 定义隐藏的输入字段 button 定义可点击按钮（多数情况下，用于通过JavaScript启动脚本） image 定义图像形式的提交按钮 reset 定义重置按钮。重置按钮会清除表单中的所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text type="text"表示一个文本输入框，它是默认的输入类型，是一个单行的控件，一般是一个带有内嵌框的矩形 password type="password"表示一个密码输入框，它与文本输入框几乎一模一样，功能上唯一的不同的字母输入后会被隐藏

按钮：打开礼盒

阅读更多关于按钮：打开礼盒

按钮：打开礼盒教程地址：原文地址（YouTube） B站教程：原文转载（bilibili）两个视频的内容相同，第二个为转载效果图 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MM5rhmjK-1580695226576)(演示.gif)] 代码区 html < div class = " wrapper " > < ul >  < li > < i class = " fa fa-qq fa-lg " aria-hidden = " true " > </ i > < span class = " cover1 " > </ span >  < span class = " cover2 " > </ span >  </ li > < li > < i class = " fa fa-weixin fa-lg " aria-hidden = " true " > </ i > < span class = " cover1 " > </ span > < span class = " cover2 " > </ span > </ li > < li > < i class = " fa fa-weibo fa-lg

WPF之路——Canvas布局(画布)

阅读更多关于 WPF之路——Canvas布局(画布)

Canvas为容器控件，用于定位 1.基本应用可以把 Canvas比作一个坐标系 ,所有的元素通过设置坐标来决定其在坐标系中的位置 .这个坐标系的原点并不是在中央 ,而是位于它的左上角 .见下图元素设置坐标的方法共有四个: Canvas.Top 设置元素距Canvas顶部的距离 Canvas.Bottom 设置元素距Canvas底部的距离 Canvas.Left 设置元素距Canvas左边界的距离 Canvas.Right 设置元素距Canvas右边界的距离 [html] view plain copy <Border HorizontalAlignment="Left" VerticalAlignment="Top" BorderBrush="Black" BorderThickness="2"> <Canvas Background="LightBlue" Width="400" Height="400"> <Button Canvas.Top="50">Canvas.Top="50"</Button> <Button Canvas.Bottom="50">Canvas.Bottom="50"</Button> <Button Canvas.Left="50">Canvas.Left="50"</Button> <Button Canvas.Right="50"

JS-function-调用函数

阅读更多关于 JS-function-调用函数

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> //声明函数 function printMsg(){ alert("Hello World"); } /** * 计算两个数字的和，并打印输出 * num1 : 表示第一个数字 * num2 : 表示第二个数字 */ function add(num1,num2){ console.log(num1+num2); } //调用函数 //printMsg(); </script> <button onclick="printMsg()">调用函数</button> <button onclick="add(15,18)">调用带参数函数</button> </body> </html> 来源： https://www.cnblogs.com/-hjj/p/9943269.html

html调用带参数的自执行js的方法

阅读更多关于 html调用带参数的自执行js的方法

JS部分 // 初始化一个弹出框 // 生成dom元素 // 插到页面中 // 显示 ( function ( window , document ) { let Msg = function ( options ) { this . _init ( options ) ; } Msg . prototype . _init = function ( { content = '' } ) { this . content = content ; this . _createElement ( ) ; this . _show ( this . _el ) ; } Msg . prototype . _createElement = function ( ) { let wrap = document . createElement ( 'div' ) ; wrap . className = 'msg__wrap' ; wrap . innerHTML = '\ <div class="msg-header">\ <span>确认删除</span>\ <span class="msg-header-close-button">×</span>\ </div>\ <div class="msg-body">\ <div class="msg-body-icon">\ <div

js之DOM对象三

阅读更多关于 js之DOM对象三

js之DOM对象三一、JS中for循环遍历测试 for循环遍历有两种第一种：是有条件的那种，例如 for(var i = 0;i<ele.length;i++){} 第二种：for （var i in li ）{} 现在我们来说一下测试一下第二种（数组和obj的） 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <script> 9 var arr = [11,22,33,44,55]; 10 var obj = {'username':'zzz','agr':20}; //js中的这个类似字典的不叫字典，而是一个对象 11 for (var i in obj){ 12 console.log(i); //拿到的是键 13 console.log(obj[i]) //值 14 } 15 for (var j in arr){ 16 console.log(j); //拿到索引 17 console.log(arr[j]) //拿到值 18 } 19 </script> 20 </body> 21 </html> 二、获取value属性值 1 <!DOCTYPE html> 2 <html lang=

给FreeTextBox增加自己的按钮

阅读更多关于给FreeTextBox增加自己的按钮

大家都知道 FreeTextBox 现在的版本是不开放源代码的，如果你想给它增加一些自己的东西，看起来会比较麻烦一些，至少没有那些开源版本那样直观，但这并不能妨碍我们给 FreeTextBox 添加我们自己的按钮。那么究竟怎么做才可以把我们需要的按钮制作成像其他按钮一样安静的放在那里，等待我们去使用它呢？下面就介绍我的实现过程。我的初步想法是， FreeTextBox 应该支持我们这样做，所以它可能已经给我们留了一些属性或者 Button 集合类似的东西，让我们轻松把我们自己的按钮加到它的这个大家庭中。如果推断正确的话，很明显，我们需要做的工作为： 1）制作我们自己的按钮 2）把我们的按钮添加到 FreeTextBox 的 Button 集合当中那么就让我们去验证一下我们的想法吧。这个验证的过程，就是我们认知和熟悉 FreeTextBox 的一个过程，我想最快的路无疑是看控件的作者留给我们的一些文档啦， FreeTextBox 的作者很理解他的客户的想法，所以我很快在下载的该控件的一些文件中找到了很需要的东西，那就是 readme.txt 文本文件，打开，就可以看到作者对关于怎样使用 FreeTextBox 控件的一个很简单，但很有用的叙述，阅读完后我已经觉得我当初的想法是正确的。在这里我们可以了解到，我们可以自定义我们的工具栏的按钮（指增减已存在的按钮）

团队作业——Alpha冲刺 3/12

阅读更多关于团队作业——Alpha冲刺 3/12

团队作业——Alpha冲刺冲刺任务安排杨光海天今日任务：完成Android开发环境的搭建，学习基础开发知识明日任务：继续学习Android开发知识，与其他成员协商，了解自己需要完成的开发任务，并着手实施。郭剑南今日任务：网上查阅了一些博客与书籍，学习如何在python使用OpenCV或PIL对图像进行操作。下载并安装了OpenCV，PIL与pycharm，安装过程中遇到一些问题，在查阅了相关博客后解决了问题。进行了一些简单编码尝试对图片做了一些基本操作。进一步学习了关于图像预处理的步骤，如灰度化与二值化等操作，查询并学习了有关的算法与代码。明日任务：学习并掌握使用python对的图片操作编码。学习图像预处理的剩下步骤与其对应的算法。赖志平今日任务：今日主要做的是完善昨天的同学录项目，和同组同学一起修复bug。继续学习Android的相关知识，初步写了首页的listview。明日任务：明日任务是完善listview，并试着学习sqlite,实现数据库的建立和数据的导入，并在listview中显示出来。吴伟根今日任务：今天完成了数据库的建立和完善，对生成图片的属性进行了确定。经过昨天的实践发现自己对c#的掌握就是一点点，很多时候需要自己去查询资料。明日任务：明天的冲刺任务就是开始做导入界面的基本布置。郑珍发今日任务：今天主要是修改昨天同学录的一些bug

angularjs 指令详解 - template, restrict, replace

阅读更多关于 angularjs 指令详解 - template, restrict, replace

通过指令机制，angularjs 提供了一个强大的扩展系统，我们可以通过自定义指令来扩展自己的指令系统。怎样定义自己的指令呢？我们通过 Bootstrap UI 来学习吧。这个项目使用 angularjs 将 Bootstrap 3 进行了封装，是我们学习 angularjs 很好的样例。从 Alert 开始首先，我们从比较简单的 alert 指令来开始学习。在 Bootstrap 中，警告框使用类 alert 来表示, 通过 alert-success， alert-info， alert-warning, alert-danger 来表示不同类型的警告。 <div class="alert alert-success">...</div> <div class="alert alert-info">...</div> <div class="alert alert-warning">...</div> <div class="alert alert-danger">...</div> 对于可关闭的警告框来说，还可以用一个可选的.alert-dismissable和关闭按钮，但是，这是通过脚本来实现的，在 bootstrap ui 这里没有使用。 <div class="alert alert-warning alert-dismissable"> <button

Python3如何界面操作数据库

阅读更多关于 Python3如何界面操作数据库

写在开始 Python作为一个目前比较热门的新生语言，很值得小伙伴们一学。之前博主讲解了JDBC技术、Hibernate框架、Mybatis框架三种Java操作数据库的方法，但是Java需要找jar包下载，有些小伙伴可能会出现jar包问题导致程序出现报错的情况，因此，今天博主来讲下Python操作数据库的方法，同时制作一个简易界面，可视化地操作数据库！代码实现 #导入包 #pymysql是python3连接数据库的包 #tkinter是python的GUI界面包 #tkinter.messagebox是消息提示框包 import pymysql import tkinter as tk import tkinter . messagebox #数据库添加操作 def db_add ( ) : #连接数据库 db = pymysql . connect ( host = "localhost" , port = 3306 , user = "root" , password = "123a123a" , db = "test" ) #创建光标 cursor = db . cursor ( ) #编写SQL语句 sql = "insert into book(title,author,price) values('%s','%s',%s)" % ( v1 . get ( ) , v2

订阅按钮