`
isiqi
  • 浏览: 16498005 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

文本框获取焦点时改变背景颜色

JavaScriptHTML 
阅读更多

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>文本框获取焦点时，改变背景颜色</title>

<script type="text/javascript">

<!--

function txtFocus() {

var e = window.event;

var obj = e.srcElement; //当前对象

obj.style.background = "#ffff66";

}

function txtBlur() {

var e = window.event;

var obj = e.srcElement;

obj.style.background = "#ffffff";

}

-->

</script>

</head>

<form action="" method="post">

用 户 名：<input type="text" name="username" onfocus="return txtFocus();" onblur="return txtBlur();" /><br />

密 码：<input type="password" name="pwd1" onfocus="return txtFocus();" onblur="return txtBlur();"/><br />

确认密码： <input type="password" name="pwd2" onfocus="return txtFocus();" onblur="return txtBlur();"/><br />

邮 箱：<input type="text" name="email" onfocus="return txtFocus();" onblur="return txtBlur();"/><br />

</form>

分享到：
| 3DS MAX软件介绍
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    文本框获得焦点改变背景颜色.html

    文本框获得焦点改变背景颜色，HTML，JAVASCRIPT,CSS，做网页前台的时候看一看

    JavaScript表单相关事件案例.pdf

    案例1展示了如何在文本框获取焦点时改变背景颜色，失去焦点时恢复原色。关键在于使用`onfocus`和`onblur`事件。 1. `onfocus`事件：当用户点击或使用键盘导航进入某个表单元素（如输入框）时触发。在案例1中，当...

    jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

    为了提升用户体验，当文本框获得焦点时，可以通过更改背景色、边框样式或添加阴影等CSS属性来高亮显示，从而让用户清楚地知道当前正在输入的文本框。而当文本框失去焦点时，应移除这些样式，恢复到正常状态。 #### ...

    jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

    本文介绍了一个使用jQuery实现的简单实例，即在网页中通过注册文本框获取焦点时清空提示，失去焦点时如果没有输入，则重新显示提示信息的功能。在用户注册过程中，这常常被用来提示用户输入必须的信息，如账号、密码...

    360浏览器文本框获得焦点后被android软键盘遮罩该怎么办.docx

    在Android开发中，遇到的问题是360浏览器在文本框获取焦点后，软键盘弹出时会遮挡文本框，导致用户无法正常看到输入内容。这种情况通常发生在使用fixed定位的弹出层中，特别是当弹出层底部的输入框获取焦点时。在360...

    jquery文本框显示描述文字rar

    这段代码的工作原理是，当文本框获取焦点（用户点击输入框）且内容为空时，我们将`placeholder`的文本填充到输入框内。然后，当文本框失去焦点（用户点击其他地方）或内容改变时，如果发现内容仍然是默认文本，我们...

    改变编辑框的背景和字体

    **改变背景颜色：** 在HTML/CSS中，可以使用CSS的`background-color`属性来设置编辑框的背景颜色。例如： ```css textarea { background-color: #F8F8FF; /* 设置为浅灰色 */ } ``` 在JavaScript中，可以使用`style...

    文本框(input)获取焦点(onfocus)时样式改变的示例代码

    下面是一个简单的示例代码，展示了如何在文本框获取焦点时应用不同的CSS类，从而改变边框颜色： ```html &lt;!DOCTYPE html&gt; 文本框焦点样式改变示例 .normalInput { border: 1px solid #ccc; } .focus...

    mfc文本框的例子

    3. **字体和颜色**：使用SetFont和SetBackgroundColor函数改变文本框的字体和背景色。 ```cpp CFont font; LOGFONT lf; // 设置字体样式 memset(&lf, 0, sizeof(LOGFONT)); lf.lfHeight = -12; _tcscpy(lf....

    css+jquery美化文本框，选择框

    例如，当文本框获取焦点时，可以淡入显示提示信息： ```javascript $('input[type="text"]').focus(function() { $('#hint').fadeIn(); }); ``` 2. **响应式设计**：通过监听窗口大小变化(`$(window).resize()...

    css3 input文本框动画特效.zip

    例如，当文本框获取焦点时，边框可能会逐渐变宽或改变颜色，这可以通过设置`transition: border-color 0.3s ease, border-width 0.3s ease;`来实现。 3. **阴影过渡**：`box-shadow`属性可以创建文本框的阴影效果，...

    jQuery实现获得焦点时文本框渐变的登录表单效果.zip

    通过绑定这两个事件，我们可以实现当文本框获取或失去焦点时，改变其外观的效果。 jQuery提供了`.on()`方法来绑定事件处理函数。例如，我们可以这样绑定"focus"和"blur"事件： ```javascript $('input[type="text...

    jQuery 文本框得失焦点的简单实例

    在这个例子中，当文本框获得焦点时，会给它添加一个名为 "focus" 的 CSS 类，改变其样式，如设置边框颜色和背景色。CSS 部分定义了 `.focus` 类的样式，HTML 部分包含了几个文本输入框。jQuery 代码通过 `$(function...

    CSS3输入文字input文本框动画效果

    例如，当文本框获取焦点时，背景色可以从一种颜色渐变到另一种颜色。 ```css input { background-image: linear-gradient(to right, #ccc, #fff); background-size: 200% 100%; } input:focus { background-...

    基于MFC的关于设置对话框背景颜色的设置

    在MFC中，要改变对话框的背景颜色，我们需要覆盖`OnInitDialog`函数，这个函数在对话框初始化时被调用。默认情况下，`OnInitDialog`会绘制对话框的默认背景，但我们可以通过重写它来实现自定义背景。 以下是一步步...

    VB 文本框控件的应用

    - `GotFocus/LostFocus`: 当文本框获得或失去焦点时触发，可用于改变外观或执行其他操作。 4. **方法** - `Clear`: 清空文本框的内容。 - `SelectAll`: 选中文本框内的所有文本，方便用户编辑。 - `AppendText`...

    超级好看的文本框样式

    8. **伪类选择器（Pseudo-classes）**：例如`:hover`、`:focus`和`:active`，可以改变鼠标悬停、获取焦点和被激活时的样式。 9. **自定义占位符（Placeholder）**：`::placeholder`伪元素可以更改输入框占位符的...

    vc改变控件颜色

    标题“vc改变控件颜色”涉及到的核心知识点是控制台或窗口中的控件（如按钮、文本框等）外观的自定义，特别是调整它们的背景颜色。这个描述中的“简单程序，gui编程”暗示我们将在一个简单的用户界面中实现这一功能...

    css3 input文本框动画特效特效代码

    使用`background-image`属性和线性渐变（linear-gradient）或径向渐变（radial-gradient），可以在文本框获取焦点时改变其背景颜色，从而创建出动态的效果。 4. **阴影效果（Box Shadow）** `box-shadow`属性能够...

Magicbox
Global site tag (gtag.js) - Google Analytics