asp.net搜索框提示文字点击消失的效果

最新推荐文章于 2020-12-01 07:09:34 发布

Lamando

最新推荐文章于 2020-12-01 07:09:34 发布

阅读量738

点赞数

分类专栏： web前端文章标签：控件实例 asp.net html

web前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍了HTML中input标签的使用技巧，包括如何设置文本框显示提示文字，并在获得焦点时消失；以及如何通过简单的JavaScript代码使文本框在点击时转换为密码输入框。

html 中的input 标签

<input value="提示的文字" onfocus="if (value =='提示的文字'){value =''}" onblur="if (value ==''){value='提示的文字'}" />

如果需要点击后变成密码形式

<input id="Password1" type="text"   value="请输入密码"   onclick="this.parentNode.innerHTML='<INPUT   type=password   value=>';" />

转自： http://blog.sina.com.cn/s/blog_4cda671e0100cadj.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lamando

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ASP.NET输入文本框自动提示功能

极简的随笔

12-21

1万+

在ASP.NET Web开发中会经常用到自动提示功能，比如百度搜索。我们只要输入相应的关键字，就可以自动得到相似搜索关键字的提示，方便我们快速的输入关键字进行查询。那么在ASP.NET中，如果我们需要做个类似的效果，该如何做到呢？很简单，我们只要借助于一个JQuery强大的插件JQuery AutoComplete来完成这个效果就可以了。这个插件的官方地址为：JQuery AutoComplete

asp .net textbox实现点击文本消失

zhengxia19的专栏

12-18

5308

现在越来越多的输入提示都是直接应用在textbox里面，当鼠标点击的时候，默认文字消失，这种效果在以前的一篇文章里面写过，请参见《在textbox中实现鼠标点击文本消失》，那篇文章里面讲到的方法只能实现鼠标点击，文字消失，当鼠标点击textbox以外，同时textbox又并没有输入任何字符的时候，默认文本是回不来的，下面我们就改变一下，让默认文本回来！ 1、aspx页面中的文本框控件

参与评论您还未登录，请先登录后发表或查看评论

(asp.net)鼠标放上去的时候文本框的提示消失，鼠标离开又重新显示

weixin_30265103的博客

05-08

248

<asp:TextBox ID="KeyWord" runat="server" class="guide_wenzi" ValidationGroup="sjseach" value="请输入搜索的关键字" onblur="if(this.value=='')this.value='请输入搜索的关键字'" onfocus="if(this.value=='请输入搜...

Asp.Net+控件简单实现搜索输入框智能提示功能源码

05-22

链接数据的asp.net类似百度goole搜索框效果源代码很简单记得改配置文件！

asp.net 文本框有默认文字,点击文字消失,点击别处默认文字回来

wowotoucxf的专栏

04-09

3306

position relative在IE6下不兼容解决方法 My97DatePicker 演示和文档 ASP.NET TextBox 当鼠标点击后清空默认提示文字 2010-08-25 15:34:26| 分类： ASP.NET | 标签： |字号大中小订阅方法一 aspx页面：前台代码：

ASP.NET中页面加载时文本框(texbox控件)内有文字获得焦点时文字消失

weixin_30542079的博客

02-25

269

代码如下： <asp:TextBox ID="TextBox1" runat="server" Height="26px" MaxLength="10" Width="166px" Text="请输入用户名" OnFocus="javascript:if(this.value=='请输入用户名') {this.value='';this.style.color='#000000'...

ASP.NET AJAX TextBoxWatermark控件应用教程

在ASP.NET AJAX控件家族中，TextBoxWatermark控件是一个非常实用的组件，它可以在文本框为空时显示一个提示文字（水印），这样用户就可以清楚地知道该在文本框中输入什么信息。当用户开始在文本框中输入内容时，这个...

ASP.net难点解析

热门推荐

NDK2010_的专栏

12-02

1万+

认识Asp.net 中相对路径与绝对路径分类：技术文档2010-01-1217:051490人阅读评论(1)收藏举报好多人对相对路径与绝对路径老是混淆记不清楚，我从整理了一下，希望对大家的认识有帮助。 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1.Request.Applicat

ASP.NET AJAX Control Toolkit：文本输入控件解析

其中，`TargetControlID`属性指定需要添加水印提示的文本框ID，`WatermarkText`用于设置提示文字，而`WatermarkCssClass`则允许自定义提示文字的CSS样式，以便匹配网站设计。除此之外，TextBoxWatermark控件还有...

ASP.NET AJAX Control Toolkit：文本输入控件详解

"ASP.NET AJAX Control Toolkit是用于增强ASP.NET应用程序的客户端脚本库，它包含一系列的控件和扩展器，使得开发者可以轻松地实现各种交互式和动态的UI效果。此电子书专注于讲解如何利用AJAX Control Toolkit来处理...

ASP.NET AJAX Control Toolkit：文本输入增强功能探索

水印提示是指在文本输入框中默认显示一段提示文字，当用户聚焦到该文本框时，提示文字会自动消失。例如，表单中的"用户名"或"密码"字段在未输入内容时可以显示"请输入用户名"或"请输入密码"，以此引导用户填写。实现...

asp.net 漂亮搜索框_值得收藏的10个网页搜索框样式（附代码下载）

weixin_39984952的博客

12-01

1395

ASP.NET之搜索框和按钮设置

dibici48543的博客

09-25

1247

　　这几天写网页遇到一个问题：页面上有一个搜索框和一个提交按钮，在搜索框输入条件直接按回车页面会回发，条件却是空的，没有触发提交按钮事件。才发现因给给提交按钮和搜索框一个鼠标焦点控制，于是在page_load事件中写道: 　　this.txtSearh.Attributes.Add("onkeydown", "if(event.keyCode==13) {document.all." ...

Asp.net文本框输入提示功能（jquery-ui）

xiaouncle的博客

08-29

3331

文本框输入提示功能

C#(asp.net)仿baidu或google智能匹配搜索下拉框

zlggyn的专栏

07-28

1943

页面文件代码： <input name="keyword" type="text" class="input2" id="keyword" value="" style="float:left;" onkeyup="keySelectHistory2()" onclick="keySelectHistory()"/>//文本输入框 //选择后的数字值 //下拉框的点击

[Android]文本框实现搜索和清空效果

weixin_34295316的博客

04-25

257

前言　　本文实现的效果：文本框输入为空时显示输入的图标；不为空时显示清空的图标，此时点击清空图标能清空文本框内输入文字。声明　　欢迎转载，但请保留文章原始出处:) 　　农民伯伯：http://over140.blog.51cto.com/ 正文　　一、实现效果　　　　　　　　　　　　　二、实现代码　　...

HTML中输入框添加提示文字并且点击消失

moubenmao的专栏

07-06

1万+

1、如果在输入框本身设定value值的话，判断起来有诸多不便，而且获的焦点后清空还是判断为空都会很复杂。 2、所以采用一种简单的方式，写一个独立的>放提示信息，把这个div的位置浮到输入框里。然后写一个点击事件函数，如果点击这个div就让输入框获得焦点然后清空div。 3例子，关键字 onclick="inputClick()">${ ! empty office.key