点燃火柴
点燃火柴

HTML5新增表单属性总结

HTML5新增表单属性总结

1.HTML5新增的表单元素

  1. datalist:数据列表，配合option使用 本身为不可见元素 为普通的input提供输入建议
<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8">
	    <title>datalistTest</title>
	</head>
	<body>
	    <h3>html5新表单元素datalist</h3>
	    <form>
	    	<datalist id="dishList" >
	            <option>蛋炒饭</option>
	            <option>白米饭</option>
	            <option>红薯粉</option>
	            <option>土豆丝</option>
	        </datalist>
	        <label>午餐:</label><input type="text" list="dishList" name="lunch"></br>
			<input type="submit">
		</form>
	 </body>
</html>
  1. progress:进度条, 通过指定value来控制进度条
<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8">
	    <title>progressTest</title>
	</head>
	<body>
	    <h3>html5新表单元素progress</h3>
	    <form>
	        <label>下载进度:</label><progress id="progressId" value="0.0"></progress></br>
		</form>
	 </body>
	 <script>
	    var timer = setInterval(function(){
	        progressId.value = parseFloat(progressId.value) + 0.05
	        if(progressId.value >= 1){
	            clearInterval(timer)
	        }
	    },100);
	</script>
</html>
  1. meter:刻度尺 用红黄绿三色表示一个值所处的范围;使用方法:
    说明:
    1.最优值在合理下限/上限之间,刻度颜色变化:黄-绿-黄;
    2.最优值在合理下限之下,刻度颜色变化:绿-黄-红;
    3.最优值在合理上限之上,刻度颜色变化:红-黄-绿
  2. output:输出，用于描述表单中的计算结果，语义标签 样式与普通的span相同xxx

2.HTML5input标签新增的输入类型

  1. email:用于email地址的验证 在这里插入代码片
  2. url:用于url的验证
  3. number:用于数字的验证 ； 也可以与min、max、step属性一起搭配使用，满足实际需要
  4. range:范围选择控件，帮助用户在一定范围内选择一个数字，默认 选择范围0~100 ； 可以通过min、max、step属性调整最小值、最小值、步幅
  5. search:搜索输入域，在手机浏览器中右下角呈现搜索按键
  6. tel:电话号码输入域，在手机浏览器中弹出数字输入键盘
  7. color:用于获取拾色器
  8. date:选取日、月、年
  9. month:选取月、年
  10. week:选取周、年
  11. time:选取小时、分钟
  12. datetime:选取时间、日、月、年（UTC时间）
  13. datetime-local:选取时间、日、月、年（本地时间）

3.HTML5表单元素新增的属性

  1. autocomplete:自动补全， 是否自动记录之前提交的数据，用于下一次输入建议; 可选值:on/off,默认true,可以通过配置off来关闭 autocomplete=“off”
  2. placeholder:占位符，用于在输入框中的提示性文字 与value属性的不同之处是不能用于表单提交
  3. autofocus:打开页面时，自动获得输入焦点；不添加该属性时不自动获取焦点，需要时添加该属性即可
  4. multiple:是否允许输入多个 若声明了该属性允许在输入框用逗号分隔多个值进行输入 不添加该属性时不允许输入多个值，若需要同时添加多个值添加该属性即可
  5. form:为一个元素指定form属性，值为某个表单的ID 则该表单输入可以放到form标签外部
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <h3>html5表单元input新属性form</h3>
    <form id="form-submit"></form>
    <input type="text" name="userName" form="form-submit" autofocus placeholder="请输入用户名"/></br>
    <input type="password" name="passwd" form="form-submit" placeholder="请输入密码"/></br>
    <input type="email" name="email" form="form-submit" placeholder="请输入所有邮箱"/></br>
    <input type="submit" form="form-submit"/>
 </body>
</html>
  1. required:输入框是否必填，在表单提交时验证是否有输入，没有则弹出提示消息， 不添加该属性时不验证，若要验证添加该属性即可
  2. maxlength:在有输入的情况下，限定输入框中最大字符数
  3. minlength:在有输入的情况下，限定输入框中最小字符数，不是HTML5标准属性，仅支持部分浏览器(Chrome)
  4. min:限定输入数字的最小值
  5. max:限定输入数字的最大值
  6. step:限定输入数字的步长，默认1，通常与min、max属性一起使用
  7. pattern:指定一个正则表达式，对输入内容进行验证 注意:上述表达式可以省略 ^和$，pattern属性默认会添加

你可能感兴趣的:(HTML5新增表单属性总结)

  • 【氮化镓】p-GaN HEMTs空穴陷阱低温冻结效应 北行黄金橘 氮化镓器件可靠性科技科学研究学习多尺度模拟
    这篇文章是关于低温条件下p-GaN高电子迁移率晶体管（HEMTs）栅极漏电的研究。文章通过电容深能级瞬态谱（C-DLTS）测试和理论模型分析，探讨了空穴陷阱对栅极漏电电流的影响。以下是对文章的总结：摘要（Abstract）文章摘要指出，在低温条件下，p-GaNHEMTs表现出一种冻结陷阱效应，导致空穴载流子被捕获在长寿命状态中，从而影响载流子传输。通过C-DLTS测试和基于理论模型的分析，发现在低
  • vue中为组建添加样式的方式 晨枫阳 javascript前端
    在Vue中，可以通过多种方式为view添加样式，并且支持动态绑定样式。以下是几种常见的方式：1.内联样式直接在模板中使用style属性来添加样式。这是一个内联样式的示例2.使用:style动态绑定样式可以通过:style动态绑定样式对象或数组。2.1绑定样式对象这是一个动态绑定样式对象的示例exportdefault{data(){return{styleObject:{color:'red',f
  • 系统架构设计师【第14章】: 云原生架构设计理论与实践 (核心总结) 数据知道 系统架构云原生软考高级系统架构设计师
    文章目录14.1云原生架构产生背景14.2云原生架构内涵14.2.1云原生架构定义14.2.2云原生架构原则14.2.3主要架构模式14.2.4典型的云原生架构反模式14.3云原生架构相关技术14.3.1容器技术14.3.2云原生微服务14.3.3无服务器技术14.3.4服务网格14.4云原生架构案例分析14.4.1某旅行公司云原生改造14.4.2云原生技术助力某汽车公司数字化转型实践14.4.3
  • C语言_数据结构总结7:顺序队列（循环队列） *.✧屠苏隐遥(ﾉ◕ヮ◕)ﾉ*.✧ C语言—数据结构数据结构c语言开发语言算法visualstudiovisualstudio
    纯C语言实现，不涉及C++队列简称队，也是一种操作受限的线性表。只允许表的一端进行插入，表的另一端进行删除特性：先进先出针对顺序队列存在的“假溢出”问题，引出的循环队列概念。循环队列将顺序队列臆造为一个环状的空间，即把存储队列元素的表从逻辑上视为一个环。当队首指针Q->front=MaxSize-1后，再前进一个位置就自动到0，这可以利用除法取余运算（%）来实现。循环队列中的判空和判满条件分析：显
  • 【SVN】svn info用法总结 飞翔的鲲 【实用工具专栏】svnsvninfoBASEHEAD
    ###Date：2018-1-21===============================================================================
  • QT元对象系统的用法技巧 码农飞飞 QT+QMLqt元对象属性系统定义属性信号槽
    文章目录声明对象属性获取对象的属性和方法通过对象名称查找对象判断对象的继承关系给类添加额外的信息Qt的元对象系统是Qt框架的一个核心特性，它为对象提供了运行时类型信息、属性系统、信号和槽机制以及动态属性功能。这个系统是由Qt的元对象编译器(MOC)支持的,MOC是一个预处理器，它在编译之前解析由Q_OBJECT宏标记的类，生成元信息。这里介绍一些QT元对象系统的用法技巧.声明对象属性一个类的属性通
  • Python学习总结 serve the people 巨人的肩膀python开发语言
    第一个python程序print("HelloWorld")#缩进一般4个空格键或者1个tab键，但是所有代码块语句必须是相同的缩进，这个必须严格执行，不同的缩进会导致程序不能运行，不能混用空格和tabifTrue:print("True")else:print("False")python注释符单行注释（行注释）#print("HelloWorld")多行注释（块注释）'''print("Hel
  • 如何监控和诊断JVM堆内和堆外内存使用？ 嗯哼唉、 Java
    专栏的上一篇文章介绍了JVM内存区域的划分，总结了相关的一些概念，今天的专栏将结合JVM参数、工具等方面，进一步分析JVM内存结构，包括外部资料相对较少的堆外部分。今天我想要大家的问题是：如何监控和诊断JVM堆内和堆外内存使用？概述了解JVM内存方法有很多，具体能力范围也有区别，简单总结如下：可以使用综合性的图形化工具，如JConsole、VisualVM（注意，从OracleJDK9开始，Vis
  • 数据监控工具Mixpanel的简易使用教程 alankuo 大数据
    Mixpanel的使用教程如下：注册与准备创建账号：访问Mixpanel官方网站，按照提示填写相关信息创建账号。登录后，在项目设置中可以获取项目密钥。了解基本概念：明确事件、用户属性等基本概念。事件是用户在应用中的操作，如点击按钮、完成注册等；用户属性是描述用户特征的信息，像年龄、城市、会员等级等。集成SDKWeb应用：在HTML文件中引入MixpanelJavaScriptSDK。在页面的标签内
  • 【Python爬虫实战】从多类型网页数据到结构化JSON数据的高效提取策略 易辰君 python爬虫python爬虫开发语言
    个人主页：https://blog.csdn.net/2401_86688088?type=blog系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、数据类型及其对应的提取策略（一）文本数据（二）数值数据（三）链接（四）图像数据（五）表格数据（六）JSON数据（七）动态数据（八）元数据（九）总结二、结构化数据提
  • Nginx如何实现 TCP和UDP代理？ m0_74824755 面试学习路线阿里巴巴nginxtcp/ipudp
    文章目录前言Nginx之TCP和UDP代理工作原理示意图配置文件和命令参数注释基本命令配置实例说明TCP代理实例UDP代理实例总结前言Nginx是一个高性能的HTTP和反向代理服务器，同时也支持TCP/UDP代理。在1.9.13版本后，Nginx已经支持端口转发，包括TCP和UDP协议。Nginx的TCP/UDP代理功能允许它作为一个中间人，接收来自客户端的TCP或UDP请求，并将这些请求转发到指
  • 2025年渗透测试面试题总结-长某亭科技-安全服务工程师（一面）（题目+回答） 独行soc 2025年渗透测试面试指南面试职场和发展安全红蓝攻防护网2025科技
    网络安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录长某亭科技-安全服务工程师（一面）1.SQL注入原理与代码层面成因原理代码层面成因漏洞触发场景2.XSS漏洞原理（代码层面）原理代码层面成因漏洞触发场景3.OWASPTop10漏洞（2023版）4.SQL注入防御方案5.SQL注入绕过防护6.护网行动工作内容7.学校攻
  • 2025年渗透测试面试题总结-快某手-安全实习生（一面、二面）（题目+回答） 独行soc 2025年渗透测试面试指南安全科技网络面试护网2015年
    网络安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录快某手-安全实习生一面一、Linux操作：查看进程PID的5种方法二、Elasticsearch（ES）核心要点三、HTTPS建立过程（TLS1.3优化版）四、Python内存管理机制五、深拷贝与浅拷贝对比六、Python多线程局限性七、XSS防御方案八、SQL注入防
  • 我与DeepSeek的深度实践：重新定义智能编程的边界 一叶孤舟111 python人工智能
    引言：从质疑到依赖的认知跃迁在ChatGPT掀起AI编程革命之初，我曾对代码生成工具持保留态度。直到2023年接触DeepSeek，这个来自中国的AI编程助手彻底改变了我的开发模式。经过200+小时的深度使用，我在实际项目中验证了其惊人潜力，本文将分享最具实践价值的经验总结。一、效率革命：实测数据背后的生产力跃升1.1代码生成效率对比任务类型传统耗时DeepSeek耗时准确率CRUD接口开发2.5
  • clickhouse去重复数据解决方案 追梦者123 clickhouse
    原因出现问题因为我们的maxwell对接rabbitmqrabbitmq监听的是mysql的belog日志文件，所以mysql数据的实时操作都会同步数据到maxwell中从而导致新增插入一条，修改插入一条，删除插入一条，导致同一条数据有大量的重复数据。解决方案在仪表板调用统计相关接口之前，先将重复数据处理掉OPTIMIZETABLEtable_nameFINAL这样就可以根据orderby(uui
  • Java 基础核心总结 仅此而已丶 Java基础教程系列开发语言java
    目录前言介绍1、基本语法2、面向对象编程3、异常处理4、集合框架5、IO流6、多线程专栏地址前言Java是一种广泛使用的程序设计语言，具有跨平台、面向对象、安全性高、灵活性强等特点，广泛应用于企业级应用程序和移动应用程序等领域。在学习Java语言时，需要掌握一些基础核心知识，本文将为您总结Java基础核心知识点，以便于您的学习和参考。介绍Java基础核心知识点包括基本语法、面向对象编程、异常处理、
  • C++中map和set的详解 jiajia651304 c++算法开发语言
    C++中map和set的介绍与使用一、map的介绍与使用二、set的介绍与使用三、总结在C++编程中，map和set是标准模板库（STL）中两种非常重要的关联容器。它们基于平衡二叉搜索树（通常是红黑树）的数据结构来实现，提供了高效的数据存储和检索功能。本文将详细介绍map和set的特点、用法以及一些常见的操作示例。一、map的介绍与使用1.map的基本概念map是一个键值对容器，其中每个键都是唯一
  • 2025.3.8总结 天真小巫 总结
    每到周末，想得有点多，想要提升自己却力不从心，也不知道怎么才能在六年内赚够一百万。有时候，自己也想不明白，年纪轻轻，就这么掉进钱眼里了。但现实就是这样，你说钱重要吧，但它却买不了健康，快乐，你说它不重要吧，日常生活，却离不开它。也许，只有经历过没钱，才知道钱的重要性。当初刚上大学，第一个月生活费花了3000左右，结果被家里人训斥了一顿。当时也挺无奈的，毕竟刚来到一座古城，就比较好奇，所以就一个人东
  • Ubuntu22.04安装CP2K最新版2025.1 jhonwyyc 机器学习深度学习ubuntu
    CP2K教程CP2K系列之一安装文章目录CP2K教程前言一、安装依赖库1.引入库二、下载并解压缩1.下载链接2.解压缩三、安装1.安装cp2k_toolchain2.安装cp2k3.指定根目录4.修改环境变量四、测试总结前言CP2K是一款开源的第一性原理计算软件，采用Fortran98编写。近年来结合机器学习与lammps，已成为热度逐年增加的软件。但是目前使用它仍存在不少难点。本文讲解在Ubun
  • C++内存操纵的艺术 longdong7889 后端学习c++java开发语言
    C++内存操纵的艺术在C++的混沌宇宙中，指针是打开时空裂缝的密钥。本文将以全新视角解构指针的本质，揭示从堆栈穿梭到多维空间映射的进阶技法，展示现代C++赋予指针的惊人可能性。一、指针本体论：内存的波粒二象性所有指针变量都是量子化的存在，既指向具体内存位置，又携带类型信息波。通过类型系统实验可验证其双重属性：templatevoidquantum_observer(T*ptr){std::cout
  • ×(笛卡尔积)、⋈(自然连接/连接) 的区别 kse_music #DB数据库数据模式
    文章目录前言一、笛卡尔积(×)二、自然连接(⋈)三、区别总结四、何时使用前言笛卡尔积（×）和自然连接（⋈）是两种不同的关系操作符，广泛用于数据库和关系代数中。它们的主要区别在于如何处理两个关系的记录和列：一、笛卡尔积(×)定义：笛卡尔积是两个关系（表）的所有可能组合。对于关系A和B，笛卡尔积产生的结果是A中每一行与B中每一行的组合。操作：设有两个关系：A和B。A的行数为m，列数为n；B的行数为p，
  • 如何使用Webpack打包React项目？ 几何心凉 前端小常识webpackreact.js前端
    文章目录1.引言2.环境搭建2.1初始化项目2.2安装依赖3.配置Webpack3.1关键配置说明4.Babel配置5.项目结构示例6.开发和生产环境优化6.1开发环境6.2生产环境7.调试和常见问题7.1常见问题7.2调试技巧8.总结1.引言随着React应用日益复杂，开发者需要借助模块打包工具来管理项目依赖、转换代码和优化性能。Webpack是一款功能强大的模块打包器，它可以将React项目中
  • 【Zinx】Day5-Part4：Zinx 的连接属性设置 YGGP 计算机网络GolangProject服务器golang
    目录Day5-Part4：Zinx的连接属性设置给连接添加连接配置的接口连接属性方法的实现测试Zinx-v1.0总结Day5-Part4：Zinx的连接属性设置在Zinx当中，我们使用Server来开启服务并监听指定的端口，当接收到来自客户端的连接请求之后，Zinx新建Connection来管理与client的连接，Connection负责读取client发送给Server的数据（当然，需要拆包）
  • TypeScript中的单例类型与区分联合 t0_54program typescriptubuntujavascript个人开发
    在编程中，我们经常会遇到一些变量或属性只能取有限的几个值的情况。例如，一个页面的方向只能是“横向”或“纵向”。那么，如何在TypeScript中限制变量只能取这些有限的值呢？这就需要用到单例类型和区分联合的概念。单例类型与区分联合在TypeScript中，单例类型是指那些只包含一个值的类型。例如，'landscape'和'portrait'都是单例类型。当我们把多个单例类型组合在一起时，就形成了区
  • html 文本识别标签,HTML 文本标签 北美R哥 html文本识别标签
    一、标题标签单词缩写：head头部.标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即~，代表六个级别的标题，代表最大的标题，代表最小的标题。标题标签语义：作为标题使用，并且依据重要性递减。注意：h1标签因为重要，尽量少用一级标题二级标题三级标题四级标题五级标题六级标题h系列有一个align属性，该属性是标题的对齐方式，默认为left(左对齐)，还有cen
  • 在运维工作中，硬盘满了，新买了一块，如何扩容？ Dusk_橙子 Linux基础运维
    在运维工作中，当硬盘满了且新增了一块硬盘后，可以通过以下几种方式扩容：直接使用新硬盘如果系统中已经没有多余空间，可以将新增硬盘格式化并挂载到系统中，用于存储数据，详细操作步骤如下：格式化新硬盘：#假设新增硬盘为/dev/sdb，使用XFS文件系统mkfs.xfs/dev/sdb创建挂载点并挂载：mkdir/data2mount/dev/sdb/data2配置开机自动挂载:echo"/dev/sdb
  • Vue大屏实战一：数字翻牌器的实现 博主逸尘 Vue大屏vue.js前端javascript
    文章目录1.效果预览2.数字翻牌器的实现3.vue项目中引入DataV4.大屏顶部翻牌器布局5.大屏数字翻牌器样式6.大屏数字翻牌器逻辑实现1.效果预览页面整体效果如下顶部的数字翻牌器效果2.数字翻牌器的实现数字翻牌器我们借助于DataV组件来实现，示例如下config属性配置如下注意：number属性是个数组，我们在初始化的时候给number属性一个默认的数组及值，当我们想动态改变数字翻牌器的值
  • Pycharm使用-错误“PermissionError: [Errno 13] Permission denied”排查 mystonelxj Python使用pycharmpython
    文章目录问题说明排查过程问题初始管理员方式使用工具权限设定设置信息总结问题说明近期Pycharm运行python程序，提示出错信息“PermissionError:[Errno13]Permissiondenied”，各种尝试一番，总算是解决了，特此记录下留作备忘。排查过程问题初始相关代码时从github上获取的，在安装了相关的引用package后，在Pycharm中显示代码时正常的，运行相关py
  • C++内存管理秘籍：深入解析与实战代码示例 my1121716951 编程c++java开发语言
    C++内存管理秘籍：深入解析与实战代码示例一、内存管理的基本概念二、内存泄漏与野指针三、智能指针：现代C++的内存管理利器四、实战代码示例示例1：传统动态内存管理示例2：使用`std::unique_ptr`示例3：使用`std::shared_ptr`五、总结在C++编程的世界里，内存管理是一项既基础又核心的技能。它直接关系到程序的性能、稳定性和可维护性。不同于一些高级语言自动管理内存的特性，C
  • 21.HarmonyOS Next CustomSlider组件步长控制教程(三) harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！1.步长控制概述在使用滑动选择器时，我们经常需要控制用户可以选择的值的精度或间隔。CustomSlider组件通过step属性提供了步长控制功能，使用户只能选择特定间隔的值，从而提高用户体验和数据的规范性。本教程将详细介绍如何使用CustomSlider组件的步
  • PHP如何实现二维数组排序？ IT独行者 二维数组PHP排序　
    二维数组在PHP开发中经常遇到，但是他的排序就不如一维数组那样用内置函数来的方便了，（一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】）。二维数组的排序需要我们自己写函数处理了，这里UncleToo给大家分享一个PHP二维数组排序的函数： 代码： functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr
  • 【Hadoop十七】HDFS HA配置 bit1129 hadoop
    基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper，DFSZKFailoverController
  • 由wsdl生成的java vo类不适合做普通java vo darrenzhu VOwsdlwebservicerpc
    开发java webservice项目时，如果我们通过SOAP协议来输入输出，我们会利用工具从wsdl文件生成webservice的client端类，但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用，当然有一中情况例外，如果这个自动生成的类里面的properties都是基本数据类型，就没问题，但是如果有集合类，就不行。原因如下： 1)使用了集合如Li
  • JAVA海量数据处理之二（BitMap） 周凡杨 java算法bitmapbitset数据
           路漫漫其修远兮，吾将上下而求索。想要更快，就要深入挖掘 JAVA 基础的数据结构，从来分析出所编写的 JAVA 代码为什么把内存耗尽，思考有什么办法可以节省内存呢？ 啊哈！算法。这里采用了 BitMap 思想。   首先来看一个实验： 指定 VM 参数大小： -Xms256m -Xmx540m
  • java类型与数据库类型 g21121 java
    很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心，因为大多数hbm文件是自动生成的，但有些时候诸如：数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况，就会手动的去对应数据库与java的数据类型关心，当然比较简单的数据类型即使配置错了也会很快发现问题，但有些数据类型却并不是十分常见，这就给程序员带来了很多麻烦。 &nb
  • Linux命令 510888780 linux命令
    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C
  • java常用JVM参数 墙头上一根草 javajvm参数
    -Xms：初始堆大小，默认为物理内存的1/64(<1GB)；默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时，JVM就会增大堆直到-Xmx的最大限制 -Xmx：最大堆大小，默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时，JVM会减少堆直到 -Xms的最小限制 -Xmn：新生代的内存空间大小，注意：此处的大小是（eden+ 2
  • 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点 aijuans Spring 3
    方法一： <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二：
  • mysql查询性能优化之二 annan211 UNIONmysql查询优化索引优化
    1 union的限制 有时mysql无法将限制条件从外层下推到内层，这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集，或者希望能够先排好序在 合并结果集的话，就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来，然后再取前20条记录，那么mys
  • 数据的备份与恢复 百合不是茶 oraclesql数据恢复数据备份
     数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小，其大小用字节表示 FILE 指定导出的二进制文
  • 线程组 bijian1013 java多线程threadjava多线程线程组
    有些程序包含了相当数量的线程。这时，如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组：ThreadGroup g = new ThreadGroup(groupName);  &nbs
  • top命令找到占用CPU最高的java线程 bijian1013 javalinuxtop
    上次分析系统中占用CPU高的问题，得到一些使用Java自身调试工具的经验，与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
  • 【持久化框架MyBatis3四】MyBatis3一对一关联查询 bit1129 Mybatis3
      当两个实体具有1对1的对应关系时，可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例，每个学生都有都有1个唯一的地址(现实中，这种对应关系是不合适的，因为人和地址是多对一的关系)，这里只是演示目的   学生表   CREATE TABLE STUDENTS (
  • C/C++图片或文件的读写 bitcarter 写图片
    先看代码： /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha
  • nginx自定义指定加载配置 ronin47
    进入 /usr/local/nginx/conf/include 目录，创建 nginx.node.conf 文件，在里面输入如下代码： upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste
  • java-71-数值的整数次方.实现函数double Power(double base, int exponent)，求base的exponent次方 bylijinnan double
    public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent)，求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(
  • Android四大组件的理解 Cb123456 android四大组件的理解
     分享一下，今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android
  • [宇宙与计算]涡旋场计算与拓扑分析 comsci 计算
         怎么阐述我这个理论呢？ 。。。。。。。。。       首先： 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星，时间非常重要，早一个刻度和晚一个刻度，这颗行星的
  • 同一个Tomcat不同Web应用之间共享会话Session cwqcwqmax9 session
    实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下： If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
  • springmvc Spring3 MVC，ajax，乱码 dashuaifu springjquerymvcAjax
      springmvc Spring3 MVC @ResponseBody返回，jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法，具体实
  • 搭建WAMP环境 dcj3sjt126com wamp
    这里先解释一下WAMP是什么意思。W:windows，A：Apache，M：MYSQL，P：PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事，必须先利其器。因为笔者的系统是WinXP，所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
  • yii2 使用raw http request dcj3sjt126com http
    Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g
  • Quartz-1.8.6 理论部分 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习，因为Quartz2.0以后的API发生的非常大的变化，统一采用了build模式进行构建； 什么是quartz?   答：简单的说他是一个开源的java作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
  • 什么是POJO？ gupeng_ie javaPOJO框架Hibernate
    POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象，它不包含业务逻辑处理或持久化逻辑等，也不是JavaBean、EntityBean等，不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象，大量应用于表现现实中的对象。如果项目中使用了Hiber
  • jQuery网站顶部定时折叠广告 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/4.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<
  • Spring boot内嵌的tomcat启动失败 kane_xie spring boot
    根据这篇guide创建了一个简单的spring boot应用，能运行且成功的访问。但移植到现有项目（基于hbase）中的时候，却报出以下错误：     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif
  • leetcode: sort list michelle_0916 Algorithmlinked listsort
    Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin
  • nginx的安装与配置,中途遇到问题的解决 qifeifei nginx
    我使用的是ubuntu13.04系统，在安装nginx的时候遇到如下几个问题，然后找思路解决的，nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现
  • 用枚举来处理java自定义异常 tcrct javaenumexception
    在系统开发过程中，总少不免要自己处理一些异常信息，然后将异常信息变成友好的提示返回到客户端的这样一个过程，之前都是new一个自定义的异常，当然这个所谓的自定义异常也是继承RuntimeException的，但这样往往会造成异常信息说明不一致的情况，所以就想到了用枚举来解决的办法。 1，先创建一个接口，里面有两个方法，一个是getCode, 一个是getMessage public
  • erlang supervisor分析 wudixiaotie erlang
    当我们给supervisor指定需要创建的子进程的时候，会指定M,F,A,如果是simple_one_for_one的策略的话，启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组，A ++ OtherArgs。那么这个时候就有个问题了，既然参数不一致，那
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他