input框提示文字，聚焦时字体消失

最新推荐文章于 2024-08-13 11:47:46 发布
最新推荐文章于 2024-08-13 11:47:46 发布
阅读量1.3w 收藏 4
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39430694/article/details/78576841
版权

我们想要input框没有输入字之前有提示字，这其实是input的css3的一个属性。

<input type="text" placeholder="我是小二逼"/>


这样就可以实现效果了





我的小屋
关注
文本框默认提示文字
12-06
文本框默认提示文字。例如：搜索框中，默认提示：请输入 标题 搜索 。。。之后点击文本框，文字消失。
带提示的input输入框类似html5的 placeholder
04-12
`placeholder`属性在HTML5中被添加，用于在输入框内显示一段提示文字，当用户聚焦或开始输入时，这段文字会自动消失。这一特性极大地提升了用户界面的易用性，特别是对于那些不熟悉表单布局或者功能的用户来说。例如...
input提示字在有焦点消失或输入改变时消失
weixin_30856725的博客
07-25 313
一：获取焦点时 提示字消失 <input type="text" name="textfield" value="这里是提示内容" onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999...
语法基础 - input() 输入（语法参考）
最新发布
Yao_Oscar的博客
08-13 842
有时对输入的字符是有一定要求的，如首字母大写、全部为小写等，这时可以使用字符串的lower()、upper()、capitalize() 或者 title()等方法对输入的字符串进行强制转换。
文本框提示文字
longxiang2198的专栏
04-22 775
文本框提示文字其实很简单，但是要跟h
html5配合css3实现带提示文字的输入框(摆脱js)
weixin_33906657的博客
07-14 763
webkit特有的一个css，可以控制里面的文字样式，配合css3的动画效果和伪类， 我们就可以很容易做出一个带动画的输入框，在系统登录、搜索等位置很适合   Webkit作为载体开发系统，当然需要大量使用Html5与CSS3，不仅减少大量的JS还可以保证更流畅。   当选中对话框后，提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label。使用JS控制。 ...
input提升用户输入信息 当用户点击时 页面消失
itinglight的博客
08-20 815
方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.
小白自学Axure-文本框提示文字怎么设置
weixin_50534910的博客
01-15 1829
在红色框中输入提示文字，在蓝色框设置提示文字消失方式（1.有输入时消失；很多登录界面、表单中都有文本框，那么在制作原型图时，怎么设置文本框的提示文字呢？最后，调整一下样式就可以了。在交互界面点击调整按钮。首先，拖入一个文本框。
input文本框里面显示提示信息
11-23
`placeholder`属性的值就是显示在输入框内的文本，当用户聚焦或开始输入时，该文本会自动消失。示例如下： ```html <input type="text" id="exampleInput" placeholder="请输入您的姓名"> ``` 在这个例子中，“请...
h5输入框提示语 + 正常文本框提示语的实现方法
09-28
这个属性的值就是用户在输入框中看到的提示文字，当用户开始输入或聚焦到输入框时，这些提示文字会自动消失。 例如，创建一个用于输入用户名或手机号的文本输入框，可以这样编写代码： ```html <input id=...
css3 input文本框动画特效
07-24
9. **字体动画**：利用`@keyframes`规则和`animation`属性，可以为输入框内文字的出现或消失添加动画效果。 10. **响应式设计**：确保这些动画特效在不同设备和屏幕尺寸下都能正常工作，可利用媒体查询(`@media`)来...
给文本框添加灰色提示文字
04-20
NULL 博文链接：https://13521308103.iteye.com/blog/1887611
input框中出现提示文字（兼容ie 火狐 谷歌）
04-09
有好多的提示文字直接写在了input框中，placeholder属性只在高版本的谷歌和火狐中有但是不兼容ie8以下，此附件为input框中出现提示文字（兼容ie 火狐 谷歌）。
聚焦文字隐藏显示
04-23 167
<input type="text" value="搜索内容" onfocus="if(value=='搜索内容') {value='';this.style.color='#333333'}" onblur="if (value=='') {value='搜索内容';this.style.color='#999999'}"> 转载于:ht...
vue input聚焦事件操作
约妲己吃火锅的博客
12-24 6889
当鼠标在input中聚焦时提示消失 vue对聚焦foucs不能用 ：focus=“foucs” 绑定属性，我试了不能触发foucs聚焦事件，后面改成 @focus=“foucs” 绑定事件才能触发 <el-input @focus="foucs" type="text" v-model="search" placeholder="请输入您现在所在的位置"/> data () ...
input 输入框显示默认文字
Stars_in_rain的博客
08-16 8891
input 输入框显示默认文字 我做了一个有下拉框的input输入框组件，在输入框显示默认设置的文字，可以通过设置input的v-model的绑定内容来设置 子组件vue： <div class="input-select-container" @blur="onConBlur()" id="input-select-container" > <div class="input-container FlexRow"> &l
input输入框点击文字消失
YQRQR的博客
11-29 3091
HTML-input文本框（添加提示文字，填写内容时消失）
热门推荐
Bule_daze的博客
01-26 11万+
input文本框内添加提示文字，填写内容时消失： 用placeholder属性作为提示语 <input placeholder="提示语..."></input>
鼠标聚焦input框 出现提示框
07-16
要实现鼠标聚焦输入框时出现提示框，...`showHint` 函数通过获取提示框的元素并将其显示出来，从而实现了在鼠标聚焦输入框时显示提示框的效果。 你可以根据需要自定义提示框的样式和内容。希望这个例子对你有所帮助！
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值