文本框”输入关键字 “提示

最新推荐文章于 2021-06-03 05:14:27 发布
最新推荐文章于 2021-06-03 05:14:27 发布
阅读量130 收藏
点赞数
原文链接：http://www.cnblogs.com/zhanglee/archive/2012/01/12/2731565.html
版权
<input name="q2" type="text" class="search" id="input_serach2" value="请输入关键字" οnblur="if(value=='') value='请输入关键字';" οnfοcus="if(value=='请输入关键字') value='';" maxlength="50">

如果使用html5直接忽略上面代码然后这样写：
  <input type="text" name="name" value=""   placeholder="提示xxx" />
同时你的浏览器需要支持html5这个属性才能显示

转载于:https://www.cnblogs.com/zhanglee/archive/2012/01/12/2731565.html

diaofen8327
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
文本框输入关键字自动提示相近信息
06-02
NULL 博文链接：https://patronli.iteye.com/blog/2323440
HTML之文本框关键字显示
weixin_30823683的博客
11-24 303
文本框默认显示 “请输入关键字”，当鼠标点击输入框的时候， “请输入关键字”这几个字消失，移出文本框又显示出来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> ...
HTML 请输入关键字的搜索框，功能：输入时：框内的请输入关键字消失，鼠标移开时 框内的请输入关键字又重现
热门推荐
风从北方来的博客
05-31 1万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div s
如何做三个框，把头部，身体，和底部框起来，不让它在占满整个浏览器
qq_42062902的博客
05-27 214
<!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> &lt...
文本框输入关键字提示
weixin_30483495的博客
04-12 169
<input type="text" class="guanjianzi" placeholder="请输入关键字" /> 转载于:https://www.cnblogs.com/paomoshi/p/5382829.html
jQuery文本框input输入关键字自动补全筛选代码
06-10
这是一款jQuery实现的网站搜索框经常用到的文本框input输入关键词后自动补全筛选相关信息的js代码。
ASP.NET输入文本框自动提示功能
01-20
我们只要输入相应的关键字，就可以自动得到相似搜索关键字的提示，方便我们快速的输入关键字进行查询。 那么在ASP.NET中，如果我们需要做个类似的效果，该如何做到呢？ 很简单，我们只要借助于一个JQuery强大的插件...
前台实现文本框中c#关键字变色及提示
08-17
资源共3个JS和一个HTML 实现了前台文本框输入c#代码时的代码提示以及关键字变色 在线编译器的好帮手
winform 实现TextBox 关键字智能提示
08-01
有时候由于项目需求的需要，需要实现像百度那样输入关键字后有下拉框提示，在网上搜了下，一种是利用ComboBox和TextBox的AutoCompleteMode属性，个人感觉不太灵活，关键字只能从第一个字符开始匹配，不能实现任意...
html下选择后显示在文本框里,HTML之文本框关键字显示
weixin_35901475的博客
06-03 1178
文本框默认显示 “请输入关键字”，当鼠标点击输入框的时候，“请输入关键字”这几个字消失，移出文本框又显示出来Titlefunction Focus(){var tag = document.getElementById('i1');var val = tag.value;if(val == "请输入关键字"){tag.value = "";}}function Blur(){var tag = d...
Html input 常见问题
weixin_33851177的博客
07-27 169
1.input回车事件不执行导致页面刷新 场景：在文本框中输入关键字按回车，页面自动刷新了 &lt;form name="keywordForm" method="post" action=""&gt; &lt;p id="profile_nav"&gt; &lt;label for="profile"&gt; 关键字搜索： &lt;
node-v18.18.2-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v7.7.3-headers.tar.xz
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
使用C#,生成特定格式Word文档
05-20
Word文档的自动化生成，可以根据数据自动形成文档
要求在文本框中输入用户名，点击“注册”按钮进行提交。当文本框为空时，则弹出提示信息，并取消提交操作
04-24
好的，让我看看怎么实现这个功能。 首先，我们需要一个文本框和一个注册按钮，可以使用 HTML 的 input 标签和 button 标签来实现。代码如下： ``` <input type="text" id="username" placeholder="请输入用户名"> <button type="button" id="register-btn">注册</button> ``` 接下来，我们需要在注册按钮被点击时获取文本框中的内容，并对其进行验证。如果内容为空，则弹出提示信息，并取消提交操作。 ``` document.getElementById("register-btn").onclick = function() { var username = document.getElementById("username").value; if (username.trim() === "") { alert("用户名不能为空！"); return; } // TODO: 提交注册信息的代码 } ``` 这段代码首先获取文本框中的值，并通过 trim() 方法去除首尾空格。然后判断是否为空，如果为空则弹出提示信息，并使用 return 关键字取消提交操作。如果不为空，则可以继续进行注册操作。 最后，我们需要将这段代码放在页面加载完成后执行，以确保所有元素都已经准备就绪。可以使用以下代码来实现： ``` window.onload = function() { document.getElementById("register-btn").onclick = function() { var username = document.getElementById("username").value; if (username.trim() === "") { alert("用户名不能为空！"); return; } // TODO: 提交注册信息的代码 } }; ``` 这样就完成了在文本框中输入用户名，点击“注册”按钮进行提交，并在文本框为空时弹出提示信息的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值