html文本框提示文字设置

最新推荐文章于 2024-03-17 16:07:05 发布
最新推荐文章于 2024-03-17 16:07:05 发布
阅读量3.3w 收藏 16
点赞数 5
分类专栏： html 文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengzhongdeyuyi1992/article/details/44139719
版权

设置html文本框提示文字 两种方式

1，设置placeholder属性

<!doctype html>

<html>

          <body>

                          <input type="text" name="use" placeholder="请输入内容" />

                          <input type="submit" />

           </body>

</html>

   

2.使用onfocus方式和onblur方法

<!doctype html>

<html>

          <body>

                          <input type="text" name="use" value="请输入内容" οnfοcus="javascript:if(this.value=='请输入内容')this.value=' ' οnblur="javascript:if(this.value==' ')this.value=‘请输入内容' " />

                          <input type="submit" />

           </body>

</html>


fengzhongdeyuyi1992
关注
  • 5
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
input 标签实现输入框带提示文字效果(两种方法)
08-29
主要介绍了input 标签实现输入框带提示文字效果(两种方法),需要的朋友可以参考下
html input文本框、文本域提示文字
qq_42755552的博客
09-25 1万+
html input通过 placeholder属性 在我们文本框和文本域中 增加提示文字（水印） &lt;input class="txt" type="text" placeholder="you name"&gt; &lt;textarea class="tarea" placeholder="message"&gt;&lt;/textarea&gt;
web前端html实例-实现文本框输入内容提示
软件开发-前端开发-IT
09-29 5095
比较人性化的网站一般都是比较讲究细节的，比如文本框输入内容具有提示效果，在默认情况下，文本框有提示文本，当鼠标放入文本框输入文本的时候，提示文本会消失，下面就通过代码实例介绍一下如何实现此效果。 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name...
HTML开发之——提示信息，Java+性能优化+APP开发+NDK+跨平台技术
最新发布
m0_61549984的博客
03-17 801
可以跟我一起探讨，欢迎加群探讨，有flutter—底层开发—性能优化—移动架构—资深UI工程师 —NDK相关专业人员和视频教学资料，还有更多面试题等你来拿**第一行(style.display=“”):清除style中display属性,否则第二次后不会消失。第三行(setTimeout(function()):定时功能,1秒后取消显示。(img-t5fzwCRV-1710662815413)]第二行(innerHTML=“InnerHTML”😉:显示内容。window.alert(“弹窗”);
jQuery实现设置、移除文本框默认值功能
10-24
主要介绍了jQuery实现设置、移除文本框默认值功能,本文实现是类似html5 placeholder（空白提示）效果,正常时文本框有提示文字,当文本框获得焦点时变为空白,需要的朋友可以参考下
js实现文本框输入文字个数限制代码
11-26
通常情况下，文本框输入的文字个数并不是无限制的，一般都会限定一个输入最高上限，较为人性化的网站可能会有可输入字数倒计效果，比如还剩余20可以输入这样的提示，下面就通过一个实例介绍一下如何实现此效果。 先看看效果图： 代码如下: <html> <head> <title>文本框输入文字倒计效果代码</title> <style type="text/css"> * { margin:0; padding:0; } .box { width:500px; margin:10px auto; } p span { color:#069; font-weight:bold; } t
HTML-提示文字
害怕也得前进
08-22 1938
提示文字
html中加长提交按钮,HTML input submit提交按钮简介说明
weixin_34619335的博客
06-03 2276
摘要:下文讲述html代码中input type=’submit’时的相关属性简介说明,如下所示:input type=’submit’ 简介当input标签中 type=’submit’时,代表此标签是一个提交按钮,当点击按钮时可实现当前标签所处的from提交,input type=’submit’还具有以下属性:1.value:设置value属性值,可作为按钮的显示的文本信息2.form(HT...
input提升用户输入信息 当用户点击时 页面消失
itinglight的博客
08-20 599
方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.
HTML-input文本框（添加提示文字，填写内容时消失）
热门推荐
Bule_daze的博客
01-26 11万+
input文本框内添加提示文字，填写内容时消失： 用placeholder属性作为提示语 <input placeholder="提示语..."></input>
html表单显示提醒文字,表单添加提示文字
weixin_34355348的博客
06-23 3985
qq_silence_232016-10-21 10:56需要用到 比如要求提示输入用户名在5到25个字符之间在你的js文件中 写如下代码window.onload=function(){//把所有input输入框选择出来var aInput=document.getElementsByTagName('input');//name是第一个 以后 会有密码框 确认密码框等等var oName=aI...
html5配合css3实现带提示文字的输入框
04-20
NULL 博文链接：https://dengwenjun.iteye.com/blog/1894491
input文本框里面显示提示信息
11-23
input文本框里面显示提示信息，鼠标点击文本框提示信息自动消失！
js显示文本框提示文字的方法
10-24
主要介绍了js显示文本框提示文字的方法,涉及javascript鼠标事件及样式操作的相关技巧,非常简单实用,需要的朋友可以参考下
JavaScript 文本框下拉提示(自动提示)
12-12
文本框下拉提示效果 html{overflow:-moz-scrollbars-vertical;} body{padding:0;margin:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;} body,h1,p,blockquote,dl,dt,dd,ul,ol,li,input{margin:0;padding:0;}...
html文本框input表单输入框默认提示信息插件，获得焦点自动清空默认值，失去焦点对比确认默认值
12-02
1 可以自动默认提示信息 若不设置则默认值为：用户名 邮箱 2 当input获得焦点时 input的值会被自动清除；当input失去焦点时 会判断输入值与默认值是否一致 如果一致（或空）则再次显示默认提示信息 若不一致（已输入...
jQuery文本框输入文字计数显示代码.zip
05-28
jQuery文本框输入文字计数显示代码基于bootstrap3.3.4、jquery-1.8.3.min.js和jquery.charactercounter.js实现，输入文字显示剩余可输入文字数。
前台实现文本框中c#关键字变色及提示
08-17
资源共3个JS和一个HTML 实现了前台文本框输入c#代码时的代码提示以及关键字变色 在线编译器的好帮手
HTML5文本框输入字数限制提示特效
06-11
这是一款美观又实用的HTML5文本框输入字数限制提示特效，当input文本框文字超过限制字符时，输入框抖动动画提示，并不可再输入更多文字。
html文本框添加提示文字
05-13
你可以使用 HTML5 中的 placeholder 属性来为文本框添加提示文字。例如： ``` <input type="text" placeholder="请输入您的用户名"> ``` 这样就会在文本框中显示 "请输入您的用户名" 的提示文字。当用户开始在文本框中输入内容时，这个提示文字会自动消失。注意，placeholder 属性在旧版本的浏览器中可能不被支持。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值