HTML输入框点击内容消失

最新推荐文章于 2021-06-04 11:46:46 发布
最新推荐文章于 2021-06-04 11:46:46 发布
阅读量975 收藏
点赞数
文章标签： 前端 ViewUI
原文链接：http://www.cnblogs.com/Silababy/p/3840940.html
版权

 

在input标签中这样写 type='text' οnfοcus='if(this.value=='请输入内容以搜索') this.value=''' οnblur='if(this.value=='') this.value='请输入内容以搜索'' value='请输入内容以搜索'

html5  input可以使用placeholder属性，placeholder的属性值不会算如value中。

转载于:https://www.cnblogs.com/Silababy/p/3840940.html

weixin_30325487
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 特效 html 特效 点击后按钮消失
06-14
js 特效 html 特效 点击后按钮消失 js 特效 html 特效 点击后按钮消失
input输入框默认文字，点击消失
weixin_34356138的博客
05-20 970
经过查询，发现2种实现方式： 1. <input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}"> 直接在input中定义onfocus和onblur事件，缺点：鼠标一离开就显示提示文字,输入框中用户的输入也...
html点击输入框文字消失,如何实现当鼠标点击输入框时，输入框内的提示文字自动消失...
weixin_33265716的博客
06-04 2581
function text1_onfocus ()text1.value=""end function直接在input中定义onfocus和onblur事件，缺点：鼠标一离开就显示提示文字,输入框中用户的输入也会消失。2.提示文字根据焦点自动消失的输入框javascript2的功能较1来说较全面，代码也稍复杂一点，功能包括：鼠标点击输入框,输入框获得焦点时,提示文字自动消失鼠标焦点离开输入框,提示...
html 输入框点击文字消失,点击input文字会自动消失
weixin_29752389的博客
06-03 1330
基于C++／Lua的游戏服务器如何实现?1.首先要自己实现一个网络库,或者选择已经开源的网络库.比如:muduo.libevent.boost的asio等.2.实现核心功能:连接管理,消息管理,定时器,事件机制,Lua脚本引擎,程序模块管理 ...窗体前端显示(ShowWindowAsync有许多优点)H:=FindWindow('Tfrm_...
Html中输入框、文本框点击消失默认的字体
majunzhu的博客
03-28 9427
转：http://blog.sina.com.cn/s/blog_6d4bbf9b0100yp8n.htmlTextarea 单击鼠标 清除默认字 点击文本域 默认内容消失 点击文本框 删除预置内容在留言框、搜索栏或者Email订阅栏中有一段默认的文本，比如“请输入您的内容”，如果你在其中点击（窗体获取焦点），这段默认的文本就会自动消失。1．添加代码方式：<head>….<scr...
JS实现输入框提示文字点击时消失效果
10-21
当用户点击输入框时，提示文字会自动消失，而当输入框失去焦点时，如果用户没有输入任何内容，提示文字又会重新出现，这样可以提醒用户输入正确的信息。这种效果可以大大提升用户体验。 在技术实现上，我们主要利用...
点击输入框默认文字消失效果
01-14
根据给定文件的信息，本文将详细探讨如何实现“点击输入框默认文字消失”的效果，并结合提供的代码示例，深入分析四种不同的实现方式及其工作原理。 ### 知识点一：鼠标移动上去，边框变红（第一种方法） 在网页...
用jquery实现输入框获取焦点消失文字
10-27
当用户点击输入框时，提示文字应消失，以便用户输入内容；而当用户离开输入框（失去焦点）且输入框为空时，提示文字应重新出现。 以下是实现这一功能的基本jQuery代码： ```html $(document).ready(function(){ ...
Js制作点击输入框时默认文字消失的效果
11-23
为了提高用户体验和易用度，一些设计师会对网页中用户经常用的东西进行优化，比如输入框...1.点击输入框选中内容的Html代码： <form id="form1" name="form1" method="post" action=""> <label for="textfie
input点击后placeholder中的提示消息消失
09-02
通常，`placeholder`的文本会在用户点击输入框并获得焦点时自动消失，或者当用户开始输入内容时消失。然而，在不同的浏览器环境下，`placeholder`的行为可能会有所不同，尤其是对于旧版本的Internet Explorer（IE10...
HTML输入框优化以此来提高用户体验和易用度
09-28
当用户点击输入框时，默认文字应该消失，允许用户输入新的内容。如果用户没有输入任何内容就点击其他地方，或者离开输入框，则默认文字应该再次显示，以便提醒用户该输入框的预期用途。 3. 使用placeholder属性。这...
html带图标输入框 适合手机端
07-10
一个简单的HTML输入框可以通过`<input>`标签来实现，例如： ```html 请输入搜索关键词"> ``` 这个代码会在页面上创建一个文本输入框，用户可以在此处输入文本。`placeholder`属性定义了输入框内预显示的提示文字，...
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
10-16
label标签的for属性与input标签的id属性相匹配，确保点击label时能够聚焦到对应的input。此外，文章还涉及了CSS的基本应用，如设置form的宽度、背景颜色、边框样式和阴影效果等，来美化页面。.input_txt样式则定义了...
js实现input文本框点击时文字消失，失去焦点时文字出现
04-14
在JavaScript编程中，有时我们需要为输入框（input）设置一种特殊的行为，比如当用户点击输入框时，预设的文字消失，而当用户离开输入框（失去焦点）时，这些文字又重新出现。这种功能常见于搜索框或者密码输入等...
javascript搜索框点击文字消失失焦时文本出现
10-25
其中一个常见的需求是，当用户点击搜索框时，原本显示在搜索框内的提示文字（又称“水印文字”或“占位符文字”）能够消失，并在用户输入后重新显示，或者当用户未输入内容且失去焦点时重新出现。这一效果可以通过...
html中点击后消失了,HTML <input>按钮消失点击
weixin_31321157的博客
06-03 1698
我正在阅读使用JavaScript的XML文件，这部分工作，因为我正在获取数据。下面是XML文件：HTML 按钮消失点击Everyday ItalianGiada200530,00Cook BookManado201244,00IntrigueL'amion200229,99现在我使用JavaScript来显示表中的数据。另外，我添加了两个按钮，每个按钮都有一个onclick属性来调用特定的功能。...
JS 文本框如果是指定的内容,点击后内容消失
帅气Dee海绵宝宝
10-08 859
JS语言 文本框如果是指定的内容,点击后内容消失 onfocus="if(this.value=='123456')this.value='';" onblur="if(this.value=='') this.value='123456';" input 属性中有什么可以使文本框初始化的字体为灰色,点击就消失 &lt;input class="color:#9f9f9f;" type...
美观的CSS搜索框，点击后提示消失
07-24 905
一个美观的CSS网页搜索框，没其它的什么东西，主要是搜索框，觉得挺美观大方，于是拿出来奉献给大家，添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错，鼠标只要点击一下搜索框，提示文字就不见了，鼠标移开后...
html value一点就消失,DOM问题：点击按钮的时候，修改input元素的value属性值，为什么在HTML结构上没有变化？...
weixin_33239721的博客
06-03 448
代码：无标题文档span{background:lime;}window.onload=function(){//获取input、spanvar oTxt=document.getElementsByTagName('input')[0];var oBtn=document.getElementsByTagName('span')[0];//span在点击的时候，修改input的value值，//...
html怎么把搜索建放入输入框
最新发布
05-28
可以使用 HTML5 中 input 元素的 placeholder 属性来实现将搜索建放入输入框的效果。placeholder 属性可以设置输入框中的提示文字，一般用于描述输入框的作用或要求用户输入的内容。 例如，下面的代码可以在输入框中添加搜索建 "Search"： ```html <input type="text" placeholder="Search"> ``` 当用户点击输入框时，搜索建 "Search" 会自动消失，用户可以输入内容进行搜索。如果用户没有输入任何内容，搜索建会重新出现在输入框中。 需要注意的是，placeholder 属性并不是所有浏览器都支持，如果需要兼容性更好的做法，可以使用 JavaScript 在输入框中添加一个 label 元素来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值