input 提示文字

最新推荐文章于 2024-04-30 17:59:49 发布
最新推荐文章于 2024-04-30 17:59:49 发布
阅读量1k 收藏 3
点赞数 1
分类专栏： web前端 文章标签： html JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_18766/article/details/82648128
版权

大家都见到很多网站的文本框都有灰色提文字，一点即消失，鼠标一开又出现（没填写状态下）用下面这段短短的代码就可以实现啦！

 将这段代码加载input 中！

 

<input id="" name="" value="提示文字" onFocus="if(value=='提示文字'){value='';this.style.color='#000'}" onBlur="if(!value){value='提示文字';this.style.color='#999'}" style="color:#999999" />

 

iteye_18766
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
input文本框里面显示提示信息
11-23
input文本框里面显示提示信息，鼠标点击文本框提示信息自动消失！
input 标签实现输入框带提示文字效果(两种方法)
08-29
input 标签实现输入框带提示文字效果（两种方法） 在 HTML5 和 CSS3 的帮助下，我们可以轻松地实现输入框带提示文字效果，而无需使用 JavaScript。这篇文章将介绍两种方法来实现输入框带提示文字效果。 方法一：...
input提升用户输入信息 当用户点击时 页面消失
itinglight的博客
08-20 732
方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.
HTML中input输入框（详解输入框的用法）
最新发布
百赢出品，必属精品
04-30 8863
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
关于input提示文字的几种实现方式
AloneDonkey的专栏
09-19 1万+
$(function(){         $('#txt3').placeholder({word:'请输入提示文字'})     }) /*placeholder.js*/ ~function(){     /**  * PlaceHolder组件  * $(input).placeholder({  *   word:     // @string 提示文本  *
input 框背景提示文字
weixin_34187862的博客
09-26 3323
2019独角兽企业重金招聘Python工程师标准>>> ...
html中input提示文字样式修改的示例代码
11-19
在很多网站上我们都看到input输入框显示提示文字，让我们一起来看看如果在input输入框中显示提示文字。我们只需要在<input>标签里添加：placeholder="提示文字即可"，那么如果要修改提示文字的样式呢？可以...
输入框提示文字上浮
01-16
在UI设计和前端开发中，"输入框提示文字上浮"是一种常见的交互设计方式，它主要体现在当用户聚焦到输入框时，原本显示在输入框内的提示性文字（hint）会浮升到输入框的上方，形成一种清晰的提示效果。这种设计能够...
原生js简易提示框 input 点击文字消失
11-11
"原生js简易提示框 input 点击文字消失"这个主题涉及到如何使用JavaScript实现一个简单的提示框，并且当用户点击输入框(input)时，提示框的文字自动消失。以下是对这一知识点的详细说明： 首先，我们需要理解...
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
10-29
为了提高用户体验，经常会在表单的输入框（`input`元素）内预设提示性文字，这些文字在用户未输入时显示，一旦用户聚焦输入框开始输入，提示文字应自动消失。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作和...
input数据框显示提示文字代码
qq605053977的博客
03-12 578
input文本框输入框智能文字提示
qq_26673953的博客
02-26 1251
html5属性 试试就知道很智能
input requried 提示文字修改
独茧
08-10 977
<input type = "text" name = "personalInfo" required = 'required' oninvalid = "setCustomValidity('提示文字')" oninput = "setCustomValidity('')" />
input 标签实现输入框带提示文字效果
u014644574的博客
04-10 5043
<input type="text" value="提示内容。。。" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style ="#999;"/> </...
input text 显示文字
秦秋雨的专栏
11-06 2345
placeholder="请输入您搜索的内容"
如何在input标签中写入提示信息
lalalalalala_的博客
01-04 2万+
在input中写入提示信息，需要用到HTML5中的placeholder属性。
HTML input 文本框添加提示文字的方法
热门推荐
qq_33019839的博客
10-30 4万+
周未休息，感觉没啥可写的，就水一篇文章吧，说一说前端 html 页面中 input 元素中在没有值的情况下，添加提示的文字，当要输入文字的时候，提示的文字消失。 关于 html input 输入框的提示文字，有两种方法可以实现，一种为 input 元素的 placeholder 属性，一种为 js 方法。 input 元素的 placeholder 属性 placeholder：属性提供可描述输入...
HTML-input文本框添加提示文字，填写内容时消失
weixin_34258782的博客
02-20 448
input文本框内添加提示文字，填写内容时消失： 用placeholder属性作为提示语: <input placeholder="提示语..."></input> 转载于:https://www.cnblogs.com/chenking/p/10406338.html...
css常用技巧:input提示文字；placeholder字体修改
05-31
要为input添加提示文字，可以使用HTML5提供的placeholder属性，例如： ```html <input type="text" placeholder="请输入内容"> ``` 如果想要修改placeholder的字体样式，可以使用CSS: ```css ::placeholder { ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值