- 浏览: 509265 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (156)
- xml (4)
- web前端 (24)
- jQuery (18)
- java (38)
- SQL (9)
- perl (2)
- OTRS (1)
- GWT (4)
- Linux (32)
- Maven (2)
- Spring (2)
- Oracle Win7 (1)
- css (8)
- eclipse (3)
- mysql (11)
- tomcat (5)
- git (4)
- javascript (22)
- font (1)
- android (1)
- log4j (1)
- email (1)
- sublime plugin (1)
- html (2)
- matches (1)
- php (3)
- apache (3)
- gd (1)
- docker (5)
- rails (1)
- RabbitMQ (1)
- Ubuntu (3)
- L2TP VPN (1)
- nodejs (1)
- oraclejet (1)
- ubutun (1)
- ntp (1)
- ngix (1)
- ssl (1)
- https (1)
- Linux,Debian (2)
- dpkg (1)
- pac (1)
- vi (1)
- vim (1)
- java,http (0)
- httpClient (0)
- shutter (1)
- shell (1)
- redmine (1)
最新评论
-
纵观全局:
配置之后,连接显示不是私密连接
keytool生成证书与Tomcat SSL配置 -
zhuchao_ko:
可以 伪造
java获得ip地址 -
longhua2003:
代码太乱了
java下载文件 -
tomhat:
ccx410 写道 安装gwt报错,unable to ret ...
GWT CellTable -
ccx410:
安装gwt报错,unable to retrieve osgi ...
GWT CellTable
<style>
.input_Login {
width: 100px;
height: 15px;
border: 1px solid #C3D9FF;
background: #ffffff;
padding: 2px 0 0 3px;
}
.px {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.vm {
vertical-align: middle;
}
.xg1 {
color: #999999 !important;
}
</style>
密码:<input type="text" name="pwdPrompt" style='display:;height:22px;' type='text' class='input_Login px vm xg1' value='请输入密码' /><input type="password" name="pwd" style='display:none;height:22px;' type='password' class='input_Login px vm xg1' />
<script type="text/javascript">
$("input[name=pwdPrompt]").focus(function () {
$("input[name=pwdPrompt]").hide();
$("input[name=pwd]").show().focus();
});
$("input[name=pwd]").blur(function () {
if ($(this).val() == "") {
$("input[name=pwdPrompt]").show();
$("input[name=pwd]").hide();
}
})
</script>
.input_Login {
width: 100px;
height: 15px;
border: 1px solid #C3D9FF;
background: #ffffff;
padding: 2px 0 0 3px;
}
.px {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.vm {
vertical-align: middle;
}
.xg1 {
color: #999999 !important;
}
</style>
密码:<input type="text" name="pwdPrompt" style='display:;height:22px;' type='text' class='input_Login px vm xg1' value='请输入密码' /><input type="password" name="pwd" style='display:none;height:22px;' type='password' class='input_Login px vm xg1' />
<script type="text/javascript">
$("input[name=pwdPrompt]").focus(function () {
$("input[name=pwdPrompt]").hide();
$("input[name=pwd]").show().focus();
});
$("input[name=pwd]").blur(function () {
if ($(this).val() == "") {
$("input[name=pwdPrompt]").show();
$("input[name=pwd]").hide();
}
})
</script>
发表评论
-
jquery-chosen.js示例使用方法
2021-02-21 17:18 1143## jquery-chosen.js示例使用方法 1. [ ... -
jquery-validate示例使用方法
2021-02-21 14:19 357## 示例使用方法 <form class=&qu ... -
javascript 监听键盘事件
2017-04-14 10:38 2804var ie; var firefox; ... -
js去除字符串中的html标签,替换"为'
2016-11-10 14:10 1535今天做文本域编辑和提交,文本域的内容最好带格式,于是找了一些插 ... -
JavaScript从数组中删除指定值元素的方法
2016-10-11 13:13 750下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函 ... -
byte 的1024转换方法
2016-09-18 14:19 1021今天在要用到字节转换并且带上不同单位,于是在网上找了一下,记录 ... -
CSS几种特效整理
2016-04-19 09:55 536css用伪类before和after制作三角形箭头网上有一堆教 ... -
js 一些知识,js获取contxtPath
2015-11-12 13:49 1206var num = 1; var str = '1'; ... -
IE指定文档模式
2015-10-15 15:21 1011对于 Web 开发人员来说,文本兼容性是一个要考虑的重要问题。 ... -
js验证组织机构代码
2015-09-18 18:06 43911.全国组织机构代码由八位数字(或大写拉丁字母)本体代码和一位 ... -
jQuery 跳出each循环
2015-09-18 13:22 671jquery跳出 each 循环,要实现break和conti ... -
JSP和JSTL获取服务器参数
2015-09-11 13:57 1197<%@ page language="java ... -
JS,Jquery获取各种屏幕的宽度和高度,clientX,offsetX,在父窗口中获取iframe中的元素
2015-04-22 16:49 3440JS,Jquery获取各种屏幕的宽度和高度 Javascri ... -
javascript 保留2位小数
2014-09-15 13:15 1776<script type="text/ ... -
如何在一个页面上让多个jQuery版本共存
2014-09-10 10:22 916如何在一个页面上让多个jQuery共存呢?比如jquery-1 ... -
JavaScript中实现replaceAll方法
2014-08-21 18:04 1092使用JavaScript replace方法,如果不使用正则表 ... -
javascript Date Format
2014-07-07 23:14 916// 对Date的扩展,将 Date 转化为指定格式的Stri ... -
CSS控制文字只显示一行,超出部分显示省略号
2014-07-04 17:40 4673<style type="text/css&q ... -
jQuery仿腾讯云滑动下拉导航菜单效果代码
2014-07-03 17:13 2946<!DOCTYPE html> <html& ... -
javascript按回车直接提交表单
2014-06-19 12:29 854<script> document.onkeydo ...
相关推荐
首先,我们需要理解`<input type="file">`的基本结构和属性。这个标签创建了一个可以点击的区域,用户可以通过点击打开本地文件选择对话框。默认情况下,这个标签的外观和行为由浏览器控制,但我们可以使用CSS和...
在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...
在本文中,我们讨论的是一个常见的前端开发问题,即在IE8下尝试动态修改`<input>`标签的`type`属性时遇到的错误。在其他现代浏览器如Chrome、Firefox以及IE9及更高版本中,可以正常地通过JavaScript或jQuery的`attr...
在本文中,我们将深入探讨如何使用jQuery来实现一个功能丰富的标签管理系统,该系统支持用户通过回车键创建、初始化、编辑、删除以及禁用标签。这个功能对于网站或应用程序的用户体验提升有着显著的作用,尤其在内容...
- `$("input[name]")`:选取所有带有`name`属性的`<input>`元素。 - `$("a[target=_blank]")`:选取所有目标链接在新窗口打开的`<a>`标签。 ### 2. 操作DOM元素 #### 获取和设置属性 - **获取和设置值**: - `$...
首先,我们需要了解HTML中的`<input>`标签,它可以用来创建各种类型的输入控件,包括日期输入。通过设置`type="date"`属性,我们可以创建一个日期选择器。例如: ```html <input type="date" id="myDate"> ``` 这...
### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...
<input type="text" id="datePicker"> $(function() { $('#datePicker').datepicker(); }); ``` 总结,jQuery 以其高效、简洁的特性在前端开发中占据重要地位。掌握 jQuery 的基本用法和核心概念,能极大地提高...
然而,在Internet Explorer中,你会发现这个操作会失败,提示“无法得到type属性,不支持该命令”。 这是因为IE浏览器不允许直接修改`type`属性,但我们可以采取一种变通的方法:先移除原有的`<input>`元素,然后...
首先,HTML5在表单控件方面进行了显著改进,新增了诸如`<input type="email">`、`<input type="date">`等新类型,可以自动校验输入的数据格式。然而,对于更复杂的验证需求,例如实时提示错误信息,我们就需要借助...
本文将深入探讨如何利用jQuery UI中的input滑动条功能来创建一个房屋表单搜索条件的滑动条。通过这个功能,用户可以更直观地调整和选择他们对房屋搜索的特定条件,例如价格范围、房间数量等。 首先,我们需要在项目...
// 选择器选取input标签,并获取value属性 var value = $("input[name='btnAdd']").attr("value"); ``` 在这里,`$("input[name='btnAdd']")`选择了name属性为'btnAdd'的`<input>`标签,然后`attr("value")`...
这可以通过jQuery的`$('selector')`方法完成,例如`$('input[type="checkbox"]')`和`$('label')`。 2. **添加事件监听器**:接着,为checkbox添加一个change事件监听器,当checkbox的状态改变时触发。使用`.on('...
在本例中,我们学习了如何使用 jQuery 选择器和 `each()` 函数来遍历并修改所有 `type="text"` 的 `input` 控件的值。这只是一个基础示例,实际上 jQuery 可以处理更复杂的场景,如异步请求、事件绑定等,是前端...
6. 表单元素的创建:在新插入的行中创建了文本输入框(`<input type="text">`)以及按钮(`<input type="button">`)。这些表单元素可以用于用户输入数据或触发事件。 7. 用户交互反馈:当用户点击“删除”按钮时,...
在IT行业中,前端开发是至关重要的一个环节,而jQuery库为开发者提供了强大的DOM操作、事件处理和动画制作等功能,使得JavaScript编程变得更加简单。本项目主要关注如何使用jQuery将JSON数据填充到HTML表格中,并...
在HTML中,`<input>` 元素通过 `type` 属性来指定不同的输入类型,其中 `type="file"` 表示文件输入类型。基本用法如下: ```html <input type="file" name="file"> ``` 此例中的 `<input type="file">` 创建了一...
具体到实现过程中,首先,我们需要在HTML中添加一个可点击的元素,比如一个input标签,并设置其type属性为"tel"或"type"="number"。这样,当在手机上点击该元素时,系统默认会调出数字键盘。例如: ```html <input ...
在Web前端开发中,jQuery库提供了丰富的API来简化DOM操作,包括对元素的属性和内容进行操作。本篇文章将详细讲解jQuery中关于属性和内容操作的几个关键方法:`prop()`、`attr()`以及`data()`。 首先,我们来看`prop...
在这个例子中,我们可以看到如何利用`<form>`元素配合`<input type="text">`(用户名)和`<input type="password">`(密码)来创建输入框,再用`<button>`创建提交按钮。同时,jQuery Mobile 的数据属性如`data-role...