在文本框中提示用户输入内容格式的方法

最新推荐文章于 2022-02-11 16:19:07 发布

moqiang02

最新推荐文章于 2022-02-11 16:19:07 发布

阅读量1.7k

点赞数 1

分类专栏： html+css

本文链接：https://blog.csdn.net/moqiang02/article/details/20610973

版权

html+css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

希望达到的效果：

方法一：鼠标点击文本框时文字消失

<input id="login_name" type="text" οnblur="javascript:check_login_name();" οnfοcus="if(this.value=='支持英文及数字组合') this.value='';this.style.color='#000'" value="支持英文及数字组合" name="login_name">

方法二：键盘输入内容时文字消失

<input id="login_name" type="text" οnblur="javascript:check_login_name();" placeholder="支持英文及数字组合" name="login_name">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

moqiang02

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

input输入框控制输入的字符串符合数字格式

weixin_50338974的博客

08-05

188

如果需求的数字过大，超过了js的安全数（2的53次方），则可以输入字符串，控制字符串的输入规则。

移动端的三种输入方式

大白兔

04-24

2241

移动端的三种输入方式：我们知道的有input和textareainputinput有很多形式的输入，输入的字段可以是文本字段、复选框、掩码后的文本控件、单选按钮等，但是只能输入一行。例如：<input type="text" palceholder="请输入您的姓名" / >textareatextarea是文本域标签，定义多行文本，但是必须要固定高度，无法实现随着文本内容自动增加高度。那么

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

文本框获得焦点清空文本内容

cg20的专栏

10-12

7868

有时我们在设计网页的时候，可能会遇到这种情况。当鼠标移到文本框里面或是鼠标放到文本框上面时，文本框里面默认的内容清除，当鼠标离开文本框而里面没有内容的时候，又还原成默认的内容。小编以前看到别人写了一大堆代码，又是if又是else的，其实很简单就能实现，如下代码鼠标移到文本框内(onfocus)获得焦点时清空文本内容鼠标移到文本框上方(onmouseover)获得焦点时清

c++ builder 文本框输入智能提示及上下限

weixin_39926429的博客

02-11

875

1.智能提示当用户鼠标移动到文本框时，出现文本输入范围提示。（1）提示的内容：Hint="50~500"; （2）使能智能提示：ShowHint=true; 2.上限 void __fastcall TForm7::Edit1Change(TObject *Sender) { int iMax = 500;//首先设置上限值 int n=0; if (Edit1->Text != NULL && Edit1->Text !=...

在文本框中提示用户应该输入内容格式的方法

09-25

本文将重点介绍两种在文本框中提示用户输入内容格式的方法。方法一是当用户点击文本框时让提示文字消失。使用HTML和JavaScript代码可以实现这一效果。具体实现方法是在HTML中设置一个input元素，并通过onfocus事件...

js文本框输入内容智能提示效果

11-23

在本例中，我们探讨的是如何实现一个基于JS的文本框输入内容智能提示功能，这种功能常见于搜索引擎、输入框自动补全等场景，可以极大地提升用户输入体验。 1. **事件监听**：在这个例子中，使用了`keyup`事件来...

js实现文本框中输入文字页面中div层同步获取文本框内容的方法

10-24

初始内容提示用户输入文字。 2. **CSS样式**： - 为文本框和`<p>`元素分别设置了样式，如宽度、高度、边框、字体大小和颜色等，以提供良好的视觉效果。 3. **JavaScript函数**： - `function SwapTxt()`：这是...

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

01-20

例如，在搜索功能中，用户输入部分关键词就能看到相关的建议，如百度搜索。在ASP.NET环境中，实现这种功能并不复杂，主要通过结合JavaScript库jQuery以及其插件jQuery AutoComplete来完成。 jQuery AutoComplete是...

eclipse设置光标文本输入提示

myosotis5的博客

11-05

1435

eclipse中有一个功能，就是我们输入一些内容，光标所在的位置自动会根据输入的内容出现提示，提示你可能需要输入的代码，就像这样可以在eclipse中进行设置。 Windows->Preferences->General->Appearance->Java ->Editor->Content Assist 这个时候我们会出现这个对话框,然后在Auto activation

文本框输入提示

11-06

一个非常好用的文本框输入提示的jQuery插件。个人编写并经个多个项目的测试。已完善到1.5版本。 js文档中注释着已经过测试的例子，可做帮助使用。希望我的程序能给大家带来便捷和帮助，谢谢！注：①本文本框提示数据可以从数据库里异步读取数据，并且输入或删除文本框中内容时只每次只查一遍库，解决其他类似文本提示框删除文本信息时删除次数越多查询数据库的次数越多的问题。②本文本框提示数据可以从其他下拉列表框中取数据解决反复链接数据库的问题。

html中的input文本框完成格式错误提示功能

Nep_tune的博客

04-22

1万+

<input type="text" placeholder="输入12位的学号" class="input_style" name="number" pattern="\d{12}" oninvalid="setCustomValidity('必须填写12位的学号');" oninput="setCustomValidity(''

在文本框中提示用户输入内容格式的…

weixin_30411239的博客

08-11

321

希望达到的效果：方法一：鼠标点击文本框时文字消失 <input id="login_name" type="text" onblur="javascript:check_login_name();" onfocus="if(this.value=='支持英文及数字组合') this.value='';this.style.color='#000'" value="支持英...

jsp中表单提交注册信息，提交信息之前先进行正则匹配，验证用户输入的信息是否符合规范要求。

凌世宇

05-30

3万+

今天写了一个jsp的注册页面，用户每次输完一个输入框的内容，就会进行验证用户输入信息的格式是否符合规范，符合规范之后表单才进行提交，不符合规范则提醒用户按要求输入信息。直到用户输入的每个信息都符合要求，表单才提交，才进行验证。避免了提交之后，我还需要对信息提前进行一定的判断，是否符合要求，才进行数据库的插入操作。说了这么多，还是先说一说我的思路吧。 1.首先我的页面有五个框，第一个框是用...

Java Swing文本框输入中文弹出输入窗口的解决

linghao00的专栏

10-15

4531

1、问题如下图（红圈中的小框框） 2、问题原因及解决方法　原因：因为系统缺省的style属性是“below-the-spot” 所以会导致belowTheSpotInputRequested=true; 就会导致输入中文时出现小窗口。解决方法：在main函数中Sys

文本框输入提示插件

mosowe

04-03

1562

因工作需要，自己做了一个文本框提示的插件，效果如下：该插件需要的html结构为： <div class="inputbox" style="position: relative; margin-bottom: 100px"> <input type="text" placeholder="请输入" id="inputTip1" value=&quo

html中input文本框 初始里边有文字提示当点击时文字消失

10-11

1万+

&lt;input type="text" value="请输入要查找的关键字" onfocus="if(value=='请输入要查找的关键字')value=''" onblur="if(!value)value='请输入要查找的关键字'" name="keyword" &gt; 点击文字消失移开文

编写程序，提示用户输入5个学生的5门课程的成绩，然后计算每个学生的总分和