input

Html5 input表单更新

那年仲夏 提交于 2020-02-29 08:34:15
Html提供了很多新的表单输入类型 email IE不支持 输入域必须包括e-mail的地址,在提交表单时,会自动验证email域的值; url 输入域是包含URL地址 number 用于应该包含数值的输入域:可以设置min和max,step,number ; range 用于应该包含一定范围内数字值得输入域,类型为滑动条 Date pickers 日期选择 search 用于搜索域,比如站点搜索或google搜索 color 新的表单元素 datalist 规定输入域的选项列表,在实现选择框的时候很强大 只兼容Oprea keygen output 新的form属性 autocomplete novalidate 属性规定在提交表单时不应该验证 form 或 input 域。 新的input属性 autocomplete 各浏览器支持性良好 规定input域应该有自动完成功能; autofocus 规定页面在加载的时候,域自动得获得焦点,意思就是页面一加载完成,光标|会自动定位到框中,等待输入;不支持IE和FF; form 规定所属表单,可能没有写在form中,但是仍属于该form; overrides height和width 各浏览器支持性良好 list min,max和step multiple pattern 规定用于验证 input 域的模式 placeholder

【MINA】用protobuf做编解码协议

和自甴很熟 提交于 2020-02-29 07:03:49
SOCKET 协议 支持 java serial 与 AMF3 的混合协议 , 目前没有基于 xml 与 json 的实现。 协议说明: * 9个字节协议头+协议体. * * 协议头1-4字节表示协议长度 =协议体长度+9-4(去掉长度占的4字节) * * 协议头第5字节为标志字节: *------------------------ * 该字节的最低位为压缩位:0=协议体未压缩 1=协议体已经压缩, * 该字节的低2-4位为协议位: * 000=基于AMF3的协议, * 001=基于java serial协议 * 010=基于protobuf协议 * 5-8位未用,作为以后扩展 * ------------------------ * * 6-9字节表示命令号 * * 采用网络字节序的整数(高位在前,低位在后) 1-4协议长度 6-9cmd 1 2 3 4 5 标志位 6 7 8 9 数据( AMF3 或者 java serial ) 目前支持3种序列化协议。protobuf没有做额外的压缩,也没有做加密,但是将来都可以用标志位来做,这里另外两种不做解释,主要说protobuf 准备工作 protobuf-java-2.5.0.jar 自定义的proto文件ChatMsg.proto protoc.exe编译工具 编译命令proto.bat #ChatMsg.proto

jQuery Validate验证框架详解

白昼怎懂夜的黑 提交于 2020-02-29 06:26:00
jQuery校验官网地址: http://bassistance.de/jquery-plugins/jquery-plugin-validation 一、导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="<%=path %>/validate/jquery.validate.min.js"></script> 注:<%=request.getContextPath() %>返回web项目的根路径。 二、默认校验规则 (1)、required:true 必输字段 (2)、remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3)、email:true 必须输入正确格式的电子邮件 (4)、url:true 必须输入正确格式的网址 (5)、date:true 必须输入正确格式的日期,日期校验ie6出错,慎用 (6)、dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)、number:true 必须输入合法的数字(负数,小数) (8

css伪类选择器

痞子三分冷 提交于 2020-02-29 06:06:55
我们在写css的时候会经常使用伪类选择器,伪类选择器就是通过css选择器加上冒号和伪类名构成的。可能有些伪类选择器你已经见过了,比如说a:hover这样的选择器。 在大多情况下,伪类选择器是非常有用的。其中css2 和css3 都支持伪类选择器,只是相对来说,css2支持的可能比css3的少,除了ie浏览器外,其他大部分浏览器都支持伪类选择器,在ie浏览器中,包括ie8也是支持少量的伪类选择器的。ie9 及以上浏览器,基本上支持所有的伪类选择器,下面,让我们看看所有的伪类选择器。当然,伪类选择器并没有那么多。 连接的伪类选择器 连接的伪类选择器包括以下几个(:link、:visited 、:hover 、:active) :link 这个选择器也许是最容易引起混淆的一个连接的伪类选择器,不是所有的<a>都是连接么?但是并不是这样的,这个伪类选择器只选择那些没有添加href属性的a标签的,这样看来这个伪类选择器是不是就和[href]这个选择器很相似。 :visited 这个选择器选择那些在当前浏览器中那些通过本a标签进入过的地址的标签。 :hover 这个就不用说了,这个大家用的很广的,这个伪类选择器选择那些通过鼠标悬停状态下的连接。 :active 这个伪类选择器选择那些,鼠标左键按下,但是未弹起状态下的标签。同样,这个伪类在h5中选择那些按钮按下的状态。

Bootstrap 输入框组

倖福魔咒の 提交于 2020-02-29 02:50:17
本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自 表单控件 。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添加 @,或者应用程序接口所需要的其他公共的元素。 向 .form-control 添加前缀或后缀元素的步骤如下: 把前缀后后缀元素放在一个带有 class .input-group 的 <div> 中。 接着,在相同的 <div> 内,在 class 为 .input-group-addon 的 <span> 内放置额外的内容。 把该 <span> 放置在 <input> 元素的前面或者后面。 为了保持跨浏览器的兼容性,请避免使用 <select> 元素,因为它们在 WebKit 浏览器中不能完全渲染出效果。也不要直接向表单组应用输入框组的 class,输入框组是一个孤立的组件。 基本的输入框组 下面的实例演示了基本的输入框组: <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本的输入框组</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

Excel Sheet Column Number(leetcode171)

柔情痞子 提交于 2020-02-29 02:46:05
Given a column title as appear in an Excel sheet, return its corresponding column number. For example: A -> 1 B -> 2 C -> 3 ... Z -> 26 AA -> 27 AB -> 28 ... Example 1: Input: "A" Output: 1 Example 2: Input: "AB" Output: 28 Example 3: Input: "ZY" Output: 701 实现: 测试: 输出: 题目地址:https://leetcode.com/problems/excel-sheet-column-number/ 代码:https://github.com/woshiyexinjie/leetcode-xin/tree/master/src/main/java/com/helloxin/leetcode/algorithms 来源: oschina 链接: https://my.oschina.net/u/2277632/blog/2875076

linux的防火墙端口配置

前提是你 提交于 2020-02-29 01:34:33
健忘啊,记下来吧 Red Hat Linux 系统 此类型系统包括 red hat 的各类衍生及相关不版本,包括 RHEL 、 CentOS 、 Fedora 等等。 防火墙配置文件: /etc/sysconfig/iptables 服务操作命令 : /etc/init.d/iptables service iptables {start|stop...} 临时改变命令 : iptables iptables-save iptables-restore 等 禁止端口: iptables -D FORWARD -p tcp --dport 8000 -j REJECT 打开端口: iptables -I INPUT -p tcp --dport 3690 -j ACCEPT 如果想永久开放端口,那就进入:vi /etc/sysconfig/iptables 在最后加上目标端口即可,保存退出后,使用:/sbin/service iptables restart 重启一下防火墙 另,附iptables指令详解:来自(http://bbs.chinaunix.net/thread-2204793-1-1.html) 语法: iptables [-t table] command [match] [-j target/jump] -t 参数 用来指定规则表,内建的规则表有三个,分别是:nat

jQuery-复选框左右选择效果

和自甴很熟 提交于 2020-02-28 23:00:18
今天在百度看到有人问复选框的左右选择怎么写,我就大半夜4点多睡醒了,起来做了下这个jQuery版本的, 不敢说代码多好多高效,只是为了实现即可。 小可丶专用-复选框左右选择 /*--> */ /*--> */ 人员操作 成员 成员一 成员二 成员三 成员四 成员五 成员六 成员七 成员八 成员九 全选 | 反选 未分类成员 成员甲 成员乙 成员丙 成员丁 成员戊 成员己 成员庚 成员辛 成员壬 全选 | 反选 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html> 3 <head> 4 <title>小可丶专用-复选框左右选择</title> 5 <script type="text/javascript" src="http://kuandai.cnool.net/js/jquery-1.6.2.min.js"></script> 6 <script type="text/javascript"> 7 $(document).ready(function(){ 8 $(":checkbox").click(function(){ 9 checkBgColor(); 10 }

基础训练 回形取数(模拟法)

拜拜、爱过 提交于 2020-02-28 21:13:47
Description 回形取数就是沿矩阵的边取数,若当前方向上无数可取或已经取过,则左转90度。一开始位于矩阵左上角,方向向下。 Input 输入第一行是两个不超过200的正整数m, n,表示矩阵的行和列。接下来m行每行n个整数,表示这个矩阵。 Output 输出只有一行,共mn个数,为输入矩阵回形取数得到的结果。数之间用一个空格分隔,行末不要有多余的空格。 Sample Input 1 3 3 1 2 3 4 5 6 7 8 9 Sample Output 1 1 4 7 8 9 6 3 2 5 别问,问就是模拟法 模拟法 1 # include <iostream> # include <string.h> using namespace std ; int main ( ) { int map [ 200 ] [ 200 ] ; bool flag [ 200 ] [ 200 ] ; memset ( flag , true , sizeof ( flag ) ) ; int m , n ; cin >> m >> n ; for ( int i = 0 ; i < m ; i ++ ) { for ( int j = 0 ; j < n ; j ++ ) { cin >> map [ i ] [ j ] ; } } int i = 0 , j = 0 ; int a =

jquery常用示例

寵の児 提交于 2020-02-28 15:50:33
Html代码 <input type="text" id="cName" /> <div class="login-button">登陆</div> 1. jquery常用操作 js $("#userName").val(); //取值 $("#userName").val("张三"); //赋值 $("#userName").focus(); // 光标定位到指定元素 2. jquery常用事件 // 键盘按下弹起的事件 $("#cName").keyup(function(){ // 验证是否是回车键 if(event.keyCode ==13){ // 触发指定元素的点击事件 $(".login-button").trigger("click"); } }); 待续... 来源: 51CTO 作者: pannijingling 链接: https://blog.51cto.com/1197822/2474236