`
newleague
  • 浏览: 1505076 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

文本框设置默认值颜色

JavaScriptXHTMLHTML 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<script type="text/javascript" language="javascript">
   //得到焦点时触发事件
   function onFocusFun(element,elementValue){
     if(element.value==elementValue){
     element.style.color = "";
     element.value = ""; 
  }   
   
   }
   //离开输入框时触发事件
   function onblurFun(element,elementValue){
  
   if(element.value==''){
     element.style.color = "#CCCCCC";
     element.value = elementValue;
   }
  
   }
</script>
</head>

<body>

<input name="textfield" type="text" value="默认值" style="color: #CCCCCC" onFocus="onFocusFun(this,'默认值')" onblur="onblurFun(this,'默认值')"/>
</font>
</body>
</html>

分享到：
| servlet中配置文件web.xml中的参数contex ...
评论
发表评论

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

相关推荐

    C#文本框灰色默认值的设置

    这意味着，在窗体初次显示时，文本框中的任何文本都将显示为灰色，这通常被用来作为默认值或提示信息的显示颜色。 ### 2. textBox2_Click事件 当用户点击`textBox2`文本框时，会触发`textBox2_Click`事件。在这个...

    文本框 默认值 灰色 方法 网络 浏览器

    标题和描述提到的"文本框默认值灰色方法"涉及到使用JavaScript库jQuery来实现这一效果。下面将详细解释如何在不同浏览器环境下，利用jQuery实现文本框的默认灰色文本，并探讨相关的网络与浏览器兼容性问题。 1. **...

    JS文本框默认值处理详解

    JS文本框默认值处理是前端开发中常见的一种需求，它涉及到在用户与页面进行交互时，对文本框的初始内容进行动态调整，以提升用户体验。在这篇文章中，我们将详细解释如何使用JavaScript来处理文本框的默认值。 首先...

    输入框默认值

    * @使用方法: 1,在需要设置默认值的标签加上 defaultCode="需要设置的默认值"; * 2,如果初始化时候需要现实默认值则需要在加载事件中调用函数：dc.innitDefaultCode(); 默认不显示 * 3,默认文本框中字体颜色为...

    JavaScript 获取焦点改变文本框内部颜色代码

    `focus`事件触发时，会将当前文本框的文字颜色设置为红色（`red`），`blur`事件触发（即文本框失去焦点）时，会将颜色恢复为默认值。 如果你正在使用现代浏览器和Node.js环境，可以尝试Deno作为服务器端JavaScript...

    TAB选项卡

    压缩包子文件的文件名称 "jQuery设置和移除文本框默认值.txt" 暗示了内容可能与使用jQuery操作文本框（`&lt;input type="text"&gt;`）的默认值有关。jQuery提供了`val()`方法，可以方便地设置或获取文本框的值。例如，`$('...

    文本框属性

    比如，通过设置`style="overflow:auto"`可以使文本框在内容超出时显示滚动条，`style="background-color:BFCEDC"`则改变背景颜色。然而，直接在标签中使用样式通常不推荐，因为它破坏了结构与表现的分离原则。 ### ...

    背景色可渐变的静态文本框 学习版

    以下参数中，如果字符参数置为"", 或整型参数置为0，则该参数取默认值，或者取控件的本个实例的上次设置值。 asfont: 字体，例:"楷体_GB2312" textcolorred, textcolorgreen, textcolorblue: 字体颜色 textsize: ...

    浅谈AdobeIllustrator的基本制图与技巧..pdf

    使用改变文本框的形状可以对文字进行文本框的形状改变，可以根据需要设置文本框的大小、形状、颜色等属性。 七、基础菜单的扩展 Adobe Illustrator提供了多种基础菜单的扩展，包括编辑键盘快捷键、设置默认值、...

    QTextEdit 实现 QLineEdit 的 setPlaceholderText() 和 setMaxLength ()函数

    在QLineEdit中，这个函数用于设置当文本框为空时显示的提示文字。为了在QTextEdit中实现相同的效果，我们可以创建一个自定义的QTextEdit类，添加一个新的成员变量来存储占位符文本，并覆盖`paintEvent()`函数。在`...

    VC界面设置

    这个过程涉及到许多方面，包括但不限于布局管理、控件定制、颜色与字体设置、菜单和工具栏设计等。以下将详细讲解VC6.0界面设置的相关知识点。 1. **布局管理**：在VC6.0中，窗口的布局可以通过对话框资源编辑器...

    小楼axure图文教程（一）文本框焦点效果

    如果是空的，再次使用“设置文本”动作，将文本框的文本恢复为默认值。 步骤3：**预览和测试** 保存你的工作，然后点击顶部菜单的“预览”按钮，或者按F5键，启动浏览器预览。现在，你可以尝试点击文本框，查看焦点...

    通过js修改input、select默认字体颜色

    无论是`textarea`的焦点状态，`select`的选中颜色，还是`input[type="text"]`的默认值颜色，都可以通过监听事件并修改样式属性来实现。这样的定制化设计可以提升网站的交互体验，让用户的操作更加直观和舒适。

    利用文本文件保存和初始化控件默认值.rar

    控件默认值通常指的是在程序运行之初，控件（如按钮、文本框、列表框等）所展示的初始状态，如文本内容、选中状态、大小等。初始化是指在程序启动时将这些控件设置回它们的初始状态。 保存控件默认值的步骤包括： ...

    java 编写的 俄罗斯 方块（可自己设计砖块和背景颜色）

    这通常通过读取用户输入或设置默认值，然后在绘制时应用这些设置来实现。Java的图形库提供了丰富的颜色和形状绘制功能，使得这种个性化定制成为可能。 6. **对象持久化**：游戏状态的保存和加载可能涉及对象持久化...

    jquery颜色选择器插件多功能取颜色工具代码

    以上代码将在页面加载完成后，将颜色选择器绑定到ID为`colorInput`的文本输入框上，用户可以通过选择器选取颜色，文本框会显示所选颜色的值。 总之，"jquery颜色选择器插件多功能取颜色工具代码"提供了一种简单易用...

    vf中常用表单属性.pdf

    3. BackColor：决定表单窗口的颜色，默认值为255, 255, 255。 4. BorderStyle：指定表单边框风格：0-无边界，1-单线框，2-对话框，3-系统（可调），默认值为3。 5. Caption：指定表单显示的标题文本，默认值为"Form1...

    JavaScript实现的文本框placeholder提示文字功能示例

    2. 获取文本框元素，并将其颜色设置为灰色，模拟`placeholder`的样式。 3. 添加`onfocus`事件监听器，当文本框获得焦点时检查其值。如果值等于默认值，清空输入并设置光标到开头。 4. 添加`onblur`事件监听器，当...

    精美表单样式(下拉菜单/文本框/复选框)

    此外，合理地使用默认值能提高用户体验，减少用户的输入负担。 其次，文本框是用户输入文本的基本组件。在设计文本框时，考虑其尺寸、边框样式、占位符文本等因素至关重要。尺寸应适应预期的输入长度，避免过宽或过...

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