masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 控制input输入框中提示信息的显示和隐藏的方法_javascript技巧

控制input输入框中提示信息的显示和隐藏的方法_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:00:21
asal
2771 orang telah melayarinya

在运用html+css+javascrpt进行页面制作时，我们往往会遇到一些影响用户体验，而又容易被我们忽视的小细节。比如，input输入框中的提示信息，怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里，想跟大家分享一下这个小技巧，希望各位大神不要拍砖哦~~~

一、要求

input输入框，在光标显示时，隐藏提示信息；光标离开输入框时，显示提示信息。

二、方法

1、给该input取id名，Onfocus=”方法名1(this)”，onblur=”方法名2(this)”

2、声明变量value，通过id名获得该input

3、function 方法名1(inputObj){

复制代码 代码如下:

if(inputObj.value==”……”){

inputObj.value=””;

}

}

4、function 方法名2(inputObj){
复制代码 代码如下:

if(inputObj.value==””){

inputObj.value=”……”;

}

}

5、注意：如果同一个页面中有多个input标签需要同样的设置，则方法名不能一致。

三、实例
复制代码 代码如下:





无标题文档








Label berkaitan：
Mesej gesaan
sumber：php.cn
Artikel sebelumnya：jquery选择checked在ie8普通模式下的问题_jquery Artikel seterusnya：raphael.js绘制中国地图 地图绘制方法_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Dapatkan jumlah nilai pulangan kaedah medan input Saya cuba mencari jumlah nilai yang dimasukkan oleh pengguna. Dapatkan agregat yang mendar...
daripada 2024-04-06 18:19:37
0
1
380
Merekod pertanyaan di bawah syarat nilai separa - perkongsian kemahiran SQL Saya mempunyai jadual yang dipanggil zipcode yang mempunyai lajur yang dipanggil kod. Laju...
daripada 2024-04-06 16:01:26
0
1
395
Walaupun selepas mengosongkan, nilai input fail saya kekal Seperti yang anda boleh lihat dalam tangkapan skrin. Saya memilih fail, menyimpan pop timb...
daripada 2024-04-06 15:44:52
0
1
384
Pelapik ibu bapa tidak diendahkan oleh anak yang berkedudukan melekit Bagaimana untuk mengelakkan unsur melekit daripada berada di belakang pengepala? Coretan k...
daripada 2024-04-06 11:42:51
0
1
338
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan