按钮 | 易学教程

HTML表单标签

阅读更多关于 HTML表单标签

表单是网页中最常见的元素，也是用户和我们交互的重要手段，在网站中的登录、注册、信息更新这些功能都是依赖表单实现的。在HTML中对于表单提供了一系列的标签，即输入框、下拉框、按钮、文本域。表单结构： <form action="" method="POST" enctype="multipart/form-data"> 用户名：<input type="text" name="username"/ <input type="submit" name="提交按钮"/> </form> 如上是一个最简单的表单结果，在表单结构中需要我们掌握的内容除了表单相关的标签外，就是表单的属性。action 属性，指向服务器处理表单的程序地址，而method属性指定浏览器处理表单的方式，常用的方法包括GET、POST，如下是我们总结的一些关于这两种方式的区别： GET，这种方法在表单提交的时候比较快，但是表单中的数据会显示在浏览器的地址栏中，所以这种方式不太安全。 POST，这种方法在提交表单的时候会对表单内容进行封装，不会显示在地址栏中，所以这种方式比较安全，不过在速度上不如GET方式。表单的中输入框内容，输入框依赖的是<input>标签，不同的输入框实现是通过它的type属性实现的，关于type属性的值包括可用的选项包括 text（普通文本输入）、password（密码框）、checkbox

css之深入理解padding

阅读更多关于 css之深入理解padding

一，对于block元素 padding是会影响元素的尺寸的。 DOM文档： <div class="box"></div> css清单： .box{ width:200px; height:200px; background-color: #ffed53; padding:20px; } 实际效果：元素大小240*240 ，因为有padding:20px. 结论：padding会对block元素的尺寸产生影响。二，对于block水平元素，但是width:auto或box-sizing为border-box的时候 DOM文档： <div class="box">文字的位置在哪里呢？</div> css清单： .box{ width:200px; height:200px; background-color: #ffed53; box-sizing:border-box; padding:0 10px; } 实际效果：box大小还是200*200,但是文字内容还是有了左padding----10px 当padding大小超过宽高时， css样式： .box{ width:200px; height:200px; background-color: #ffed53; box-sizing:border-box; padding:0 200px; } 实际效果：400px*200px

自动布局按钮排列平均分布

阅读更多关于自动布局按钮排列平均分布

3 月，跳不动了？>>> 自动布局按钮排列平均分布原文地址 :http://blog.csdn.net/dolacmeng/article/details/44873069 需要实现如下图所示的主页面布局，需要两排按钮，每一排都自动平均分布， Android 的话直接用LinearLayout水平布局，并设置layout_weight即可，对于iOS，网上有使用代码实现，感觉略麻烦，我直接使用AutoLayout实现，相对简单。一。拖7个UIButton到界面上，按所需的布局排列，为方便描述，下文将第一排的按钮起名为1.1、1.2、1.3、1.4，第二排为2.1、2.2、2.3 二。设置1.1的三个约束条件为Height 60 、距离上边45、距离左边30，如图三。设置1.2的约束条件为：距离上边45。然后按着control键，鼠标点击1.2拉线指向1.1，从弹出框（如下图）中选择Equal Widths，Equal Heights，Horizontal Spaciing，并设置 Horizontal Spaciing的值为30。四。设置1.3的约束条件为：距离上边45。然后按着control键，鼠标点击1.3拉线指向1.1，从弹出框（如下图）中选择Equal Widths，Equal Heights，鼠标点击1.3拉线指向1.2选择Horizontal Spaciing

Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

阅读更多关于 Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

一、三种获取页面元素的方式： getElementById:通过id来获取 <body> <input type="text" value="请输入一个值：" id="txt"/> <input type="button" value="按钮" id="btn"/> <script> var txt=document.getElementById("txt");//获取id为txt的页面元素 console.log(txt); txt.value="haha";//重新给id为txt的文本输入框的value赋值 </script> </body> getElementByTagName:通过标签名来获取 <body> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <script> var inputs=document.getElementsByTagName("input");//获取标签名为input所有页面元素。 console.log

Android基础-Fragment详解

阅读更多关于 Android基础-Fragment详解

一、目录什么是Fragment Fragment的生命周期 Fragment的使用方式什么是Fragment的回退栈？【重要】 Fragment与Activity之间的通信【难点】 Fragment与Activity通信的优化【超难点】如何处理运行时配置发生变化【以屏幕翻转为例】二、Fragment详解 1.什么是Fragment？你可以简单的理解为，Fragment是显示在Activity中的Activity。它可以显示在Activity中，然后它也可以显示出一些内容。因为它拥有自己的生命周期，可以接受处理用户的事件，并且你可以在一个Activity中动态的添加，替换，移除不同的Fragment，因此对于信息的展示具有很大的便利性。 2.Fragment的生命周期因为Fragment是依附于Activity存在的，因此它的生命周期收到Activity的生命周期影响： Fragment比Activity多了几个生命周期的回调方法 onAttach(Activity) 当Fragment与Activity发生关联的时候调用 onCreateView(LayoutInflater, ViewGroup, Bundle) 创建该Fragment的视图 onActivityCreate(Bundle) 当Activity的onCreated方法返回时调用

随心--------------总结一

阅读更多关于随心--------------总结一

工作了两年，一直没有好好打理甚至说没有开通自己的博客，直到最近才明白博客的重要性。回想过去两年的工作，一直忙忙碌碌，做过不少事，遇到过不少问题，每次都想着开通自己的博客，记录下来，学会温故而知新。但每次回到家，累的躺倒床上，给自己催眠，“明天再弄，明天复明天，明天何其多”，就这样，被自己的“懒惰”，一直拖延到现在。每天都是忙忙碌碌，很少静下心来，思考自己到底是否真正掌握了一门知识。回想过去的两年，也是用过不少插件。自己归类下：样式类：css，less,sass css用的最多，css3的新属性用过的也不少，但是仅仅留在会用的层面上，也留意过一些比较偏的属性如： -webkit-overflow-scrolling: touch 只知道使用了这个属性，在手机上滑动屏幕就会很流畅，不会出现卡顿现象，至于这个属性为啥使用后就可以流畅，不知道。 -webkit-appearance: none; 除去苹果手机表单的默认样式，取值和兼容性如下： -webkit-appearance取值代码效果介绍 Chrome Safari iOS Safari Android Browser none 去除系统默认appearance的样式, 常用于IOS下移除原生样式支持支持支持支持 button 渲染成button的风格支持支持支持支持 button-bevel

button 按下时改变字体颜色

阅读更多关于 button 按下时改变字体颜色

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:color="#000000"/> 黑色 <item android:state_focused="true" android:color="#ffffff"/> <item android:color="#ffffff" /> </selector> <Button android:id="@+id/otg_tab" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="12345" android:textColor="@drawable/button_text_selector" > </Button> 来源： https://www.cnblogs.com/maliu/archive/2013/04/25/3043842.html

从零开始学Bootstrap(2)

阅读更多关于从零开始学Bootstrap(2)

继从零开始学Bootstrap(1)后，我们需要实际做一些页面，边学边做。因为前端是一项非常注意实践的技术，知识点太多、太琐碎了，所以我们只能边学边做。根据我们想要做的效果，去查相应的资料。不要想着把所有的东西都学会后再做网页实践。过程中会频繁查阅资料的网站： http://www.w3school.com.cn/ 这是W3C联盟为了传播W3C标准而建立的网站，有很多关于Web端的技术，你可以将其看作为一部Web技术的百科全书。 http://v3.bootcss.com/ 不用多说，BootStrap3官方文档 http://www.runoob.com/ 这个其实跟W3school差不多，但是比W3school要全要杂一点，好多内容都是从原版W3C英文网站和原版BootStrap官方英文文档翻译过来，但是我感觉他的翻译质量要更高（因为前两个网站说白了也是翻译过来的），有些Case更加好懂。闲话不多说，让我们开始：（1）明确实现目标如下图所示，这就是咱们要实现的一个简单网站。布局简单，也没有很炫的效果。但是要实现一个功能：从Json文件（关于Json的知识可以到上述网站去查）里读取相关信息，显示在网站上。 Json文件内容： { "Class 001": { "Xiao Wang": { "Gender": "Male", "Age": "18",

如何设置可见性Android软键盘

阅读更多关于如何设置可见性Android软键盘

3 月，跳不动了？>>> 问题： I have an EditText and a Button in my layout. 我的布局中有一个 EditText 和一个 Button 。 After writing in the edit field and clicking on the Button , I want to hide the virtual keyboard. 在编辑字段中编写并单击 Button ，我想隐藏虚拟键盘。 I assume that this is a simple piece of code, but where can I find an example of it? 我假设这是一段简单的代码，但是在哪里可以找到示例呢？解决方案：参考一： https://stackoom.com/question/4eVS/如何设置可见性Android软键盘参考二： https://oldbug.net/q/4eVS/How-to-set-visibility-Android-Soft-Keyboard 来源： oschina 链接： https://my.oschina.net/stackoom/blog/3210138

C# 自定义事件

阅读更多关于 C# 自定义事件

在事件处理方法中，类似下面这种形式 private void Button_Click(object sender, EventArgs e) 总是有2个参数，object类型的，EventArgs或者继承于EventArgs的参数，他们的代表的意思分表是： object sender 发出事件的对象 System.EventArgs e 对象中的数据以Button为例： protected void Button1_Click(object sender, EventArgs e) 其中的sender,就是你点击的button.可以通过类型转换得到这个button的引用： Button sendButton = (Button)sender; e是你点击事件的一些参数。在某些事件里，e用处不大，比如在MouseEventArgs的Mouse事件中，可以看到e包括mouse的坐标值等，以供你的程序使用。自定义事件：在MSDN中是这么描述的：类或对象可以通过事件向其他类或对象通知发生的相关事情。发送（或引发）事件的类称为“发行者”，接收（或处理）事件的类称为“订户” 事件具有以下特点：发行者确定何时引发事件，订户确定执行何种操作来响应该事件。一个事件可以有多个订户。一个订户可处理来自多个发行者的多个事件。没有订户的事件永远也不会引发。事件通常用于通知用户操作，例如

订阅按钮