简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> JS Tutorial> body text

两种方法实现文本框输入内容提示消失_javascript技巧

WBOY
Release： 2016-05-16 17:40:22
Original
1093 people have browsed it
第一种方法：
基于HTML5 input标签的新特性 - placeholder 。另外，x-webkit-speech 属性可以实现语音输入功能。
复制代码代码如下:




第二种方法：
用span模拟，定位span，借助JS键盘事件判断输入，确定span里的内容显示隐藏。
复制代码代码如下:





无标题文档






聚焦型提示语消失






输入型提示语消失







Related labels：
hint text box disappear
source：php.cn
Previous article：Javascript判断对象是否相等实现代码_javascript技巧 Next article：jQuery+css实现图片滚动效果(附源码)_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to add newline character (newline character) in XML file? I have an XML file and I want to wrap the text "Sample Text 123" like this Sampl...
From 2023-11-16 16:42:38
0
1
199
Increase file upload size in Apache configuration Hello everyone! I'm struggling with this configuration issue because I'm trying to increas...
From 2023-11-11 11:00:33
0
1
287
Title: Achieve white text visibility on any color background except white Using mix-blend-mode:Difference to change the text color to white works well when the back...
From 2023-11-10 16:59:01
0
1
311
What are the performance numbers next to components in the Vue dev tools? Does anyone have insights or resources for a certain feature in the Vue development tools?...
From 2023-11-09 14:46:48
0
1
305
Using Laravel 8's blade asset to display images but loading from resources subfolder I'm pretty new to Laravel, so please bear with me. I'm copying a framework I developed in ...
From 2023-11-09 12:47:02
0
1
314
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！