hujung hadapan web
tutorial js
JavaScript memulihkan teks lalai secara automatik selepas mengklik untuk mengosongkan kemahiran box_javascript teks
JavaScript memulihkan teks lalai secara automatik selepas mengklik untuk mengosongkan kemahiran box_javascript teks
Contoh dalam artikel ini memperkenalkan kod contoh js mengklik pada kotak teks untuk mengosongkan teks lalai, meninggalkannya dan kemudian memulihkannya. Ia dikongsi dengan semua orang untuk rujukan anda. Kandungan khusus adalah seperti berikut
Pengetahuan berkaitan:
1. Definisi dan penggunaan acara onclick:
Peristiwa ini dicetuskan apabila objek diklik.
Sokongan penyemak imbas:
1), pelayar IE menyokong acara ini.
2) Penyemak imbas Firefox menyokong acara ini.
3). Pelayar Opera menyokong acara ini.
4) Google Chrome menyokong acara ini.
5), pelayar Safria menyokong acara ini.
Contoh kod:
<html>
<head>
<meta charset="gb2312"/>
<title>脚本之家</title>
<style type="text/css">
div{
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mydiv=document.getElementById("mydiv");
mydiv.onclick=function(){
mydiv.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>
2. Definisi dan penggunaan acara onblur:
Peristiwa ini dicetuskan apabila objek yang ditentukan kehilangan fokus.
Contoh kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>脚本之家</title>
<style type="text/css">
.mytest{
background-color:green;
}
</style>
<script type="text/javascript">
window.onload=function(){
var username=document.getElementById("username");
username.focus();
username.onblur=function(){
username.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<input type="text" name="username" id="username" />
</body>
</html>
Langkah seterusnya ialah perkara yang paling penting:
Klik kotak teks untuk mengosongkan teks lalai, tinggalkan dan kemudian pulihkannya
Kotak teks yang perlu diisi pada banyak tapak web akan memberikan bahasa gesaan lalai secara lalai Apabila tetikus mengklik pada kotak teks ini, teks lalai di dalam boleh dikosongkan apabila teks yang dimasukkan dipadamkan meninggalkan kotak teks Kemudian tulis teks lalai ke dalam kotak teks.
Kodnya adalah seperti berikut:
<html>
<head>
<meta charset="gb2312">
<title>点击文本框清除默认值</title>
<script type="text/javascript">
window.onload=function()
{
var username=document.getElementById("username");
username.onclick=function()
{
if(username.value=="请输入您的姓名")
{
username.value="";
this.focus();
}
}
username.onblur=function()
{
if(username.value=="")
{
username.value="请输入您的姓名";
}
}
}
</script>
</head>
<body>
<input type="text" value="请输入您的姓名" id="username" />
</body>
</html>
Cara merealisasikan gesaan muncul dalam kotak kata laluan:
Kadang-kadang kita perlu mempunyai beberapa bahasa segera dalam borang log masuk, seperti "Sila masukkan nama pengguna anda" dan "Sila masukkan kata laluan anda". Bagi nama pengguna, ia mudah disebut, tetapi " Sila masukkan kata laluan anda" muncul dalam kotak kata laluan. Bahasa seperti ini agak menyusahkan, kerana kandungan yang dimasukkan dalam kotak kata laluan tidak akan dipaparkan dalam kod yang jelas. Jika atribut jenis dikawal secara dinamik, akan terdapat isu keserasian Jika input sudah wujud dalam halaman, atribut jenis adalah baca sahaja dalam IE8 dan penyemak imbas di bawah IE8. Jadi saya perlu memikirkan cara lain Kodnya adalah seperti berikut:
<html>
<head>
<meta charset="gb2312">
<title脚本之家</title>
<style type="text/css">
#tx{
width:100px;
}
#pwd{
display:none;
width:100px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var tx=document.getElementById("tx");
var pwd=document.getElementById("pwd");
tx.onfocus=function(){
if(this.value!="密码")
return;
this.style.display="none";
pwd.style.display="block";
pwd.value="";
pwd.focus();
}
pwd.onblur=function(){
if(this.value!=""){
return;
}
this.style.display="none";
tx.style.display="";
tx.value="密码";
}
}
</script>
</head>
<body>
<input type="text" value="密码" id="tx"/>
<input type="password" id="pwd" />
</body>
</html>
Prinsip pelaksanaan adalah sangat mudah Dalam keadaan lalai, kotak teks dipaparkan dengan jenis="teks". Apabila kotak teks diklik, kotak kata laluan dengan jenis="kata laluan" dipaparkan , yang bermaksud bahawa a Hanya pengganti.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk memulihkan fail WeChat yang telah tamat tempoh Bolehkah fail WeChat yang telah tamat tempoh dipulihkan?
Feb 22, 2024 pm 02:46 PM
Buka WeChat, pilih Tetapan dalam Saya, pilih Umum dan kemudian pilih Ruang Storan, pilih Pengurusan dalam Ruang Storan, pilih perbualan di mana anda ingin memulihkan fail dan pilih ikon tanda seru. Tutorial Model Berkenaan: iPhone13 Sistem: iOS15.3 Versi: WeChat 8.0.24 Analisis 1 Mula-mula buka WeChat dan klik pilihan Tetapan pada halaman Saya. 2 Kemudian cari dan klik Pilihan Umum pada halaman tetapan. 3Kemudian klik Ruang Storan pada halaman umum. 4 Seterusnya, klik Urus pada halaman ruang storan. 5Akhir sekali, pilih perbualan di mana anda ingin memulihkan fail dan klik ikon tanda seru di sebelah kanan. Tambahan: Fail WeChat biasanya tamat tempoh dalam beberapa hari Jika fail yang diterima oleh WeChat belum diklik, sistem WeChat akan mengosongkannya selepas 72 jam Jika fail WeChat telah dilihat.
Bagaimana untuk memulihkan sejarah penyemakan imbas dalam mod inkognito
Feb 19, 2024 pm 04:22 PM
Penyemakan imbas peribadi ialah cara yang sangat mudah untuk menyemak imbas dan melindungi privasi anda semasa melayari Internet pada komputer atau peranti mudah alih anda. Mod penyemakan imbas peribadi biasanya menghalang penyemak imbas daripada merekodkan sejarah lawatan anda, menyimpan kuki dan fail cache serta menghalang tapak web yang anda semak imbas daripada meninggalkan sebarang kesan dalam penyemak imbas. Walau bagaimanapun, untuk beberapa kes khas, kami mungkin perlu memulihkan sejarah penyemakan imbas Penyemakan Imbas Inkognito. Pertama sekali, kita perlu menjelaskannya: tujuan mod penyemakan imbas peribadi adalah untuk melindungi privasi dan menghalang orang lain daripada mendapatkan sejarah dalam talian pengguna daripada penyemak imbas. Oleh itu, penyemakan imbas inkognito
Bagaimana untuk memulihkan album foto Xiaomi Cloud kepada setempat
Feb 24, 2024 pm 03:28 PM
Bagaimana untuk memulihkan Album Foto Awan Xiaomi ke setempat? APP Album Foto Awan Xiaomi boleh dipulihkan ke setempat, tetapi kebanyakan rakan tidak tahu cara memulihkan Album Foto Awan Xiaomi ke setempat. Tutorial grafik kaedah tempatan, pengguna yang berminat datang dan lihat! Bagaimana untuk memulihkan album foto awan Xiaomi ke tempatan 1. Mula-mula buka fungsi tetapan dalam telefon Xiaomi dan pilih [Avatar Peribadi] pada antara muka utama 2. Kemudian masukkan antara muka akaun Xiaomi dan klik fungsi [Cloud Service]; lompat ke Xiaomi Untuk fungsi perkhidmatan awan, pilih [Cloud Backup];
Bagaimana untuk memulihkan percikan sembang di TikTok
Mar 16, 2024 pm 01:25 PM
Di Douyin, platform video pendek yang penuh dengan kreativiti dan kecergasan, kami bukan sahaja dapat menikmati pelbagai kandungan yang menarik, tetapi juga mempunyai komunikasi yang mendalam dengan rakan-rakan yang berfikiran sama. Antaranya, percikan sembang adalah penunjuk penting keamatan interaksi antara kedua-dua pihak, dan mereka sering secara tidak sengaja mencetuskan ikatan emosi antara kita dan rakan-rakan kita. Walau bagaimanapun, kadangkala disebabkan beberapa sebab, percikan sembang mungkin terputus, jadi apakah yang perlu kami lakukan jika kami ingin memulihkan percikan sembang ini akan membawakan anda pengenalan terperinci tentang strategi kandungan, dengan harapan dapat membantu semua orang. Bagaimana untuk memulihkan cetusan sembang Douyin? 1. Buka halaman mesej Douyin dan pilih rakan untuk bersembang. 2. Hantar mesej dan sembang antara satu sama lain. 3. Jika anda menghantar mesej secara berterusan selama 3 hari, anda boleh mendapatkan logo percikan. Selama 3 hari, hantar gambar atau video antara satu sama lain
Bagaimana untuk memulihkan kertas dinding lalai dalam win10
Feb 10, 2024 pm 10:51 PM
Kemas Kini Windows 10 Mei 2019 menampilkan latar belakang desktop lalai baharu yang lebih terang. Ia kelihatan hebat - dengan tema cahaya baharu. Jika anda menggunakan tema gelap Windows 10, anda mungkin mahukan latar belakang yang lebih gelap. Anehnya, latar belakang desktop Windows 10 asal telah dialih keluar daripada versi terkini Windows 10. Anda perlu memuat turunnya daripada web atau menyalin failnya daripada PC Windows 10 lama. Walaupun kami tidak dapat mencari imej kertas dinding ini di tapak web rasmi Microsoft, anda boleh memuat turunnya daripada sumber lain. Kami menemui salinan kertas dinding desktop Windows 10 asal dalam resolusi 4K pada Imgur. Selain itu, terdapat saiz lain dan lebih banyak dinding lalai
Bagaimana untuk membuang sepenuhnya virus daripada telefon bimbit Kaedah yang disyorkan untuk menangani virus dalam telefon bimbit
Feb 29, 2024 am 10:52 AM
Selepas telefon bimbit dijangkiti virus Trojan tertentu, ia tidak dapat dikesan dan dibunuh oleh perisian anti-virus Prinsip ini sama seperti komputer yang dijangkiti virus yang degil Virus hanya boleh dikeluarkan sepenuhnya dengan memformat pemacu C memasang semula sistem , kemudian saya akan menerangkan cara membersihkan virus sepenuhnya selepas telefon bimbit dijangkiti virus yang degil. Kaedah 1: Buka telefon dan klik "Tetapan" - "Tetapan Lain" - "Pulihkan Telefon" untuk memulihkan telefon kepada tetapan kilang Nota: Sebelum memulihkan tetapan kilang, anda mesti membuat sandaran data penting dalam telefon bersamaan dengan komputer "Ia sama seperti memformat dan memasang semula sistem." Selepas pemulihan, data dalam telefon akan dikosongkan butang" + "kelantangan + butang atau kelantangan - butang" pada telefon pada masa yang sama.
Bagaimana untuk memulihkan diari emmo yang dipadam
Feb 27, 2024 pm 04:40 PM
Emmo Diary ialah perisian yang direka khas untuk merakam mood anda. Ia memberikan anda ruang diari peribadi, membolehkan anda merakam perkara penting atau remeh setiap hari. Melalui teknologi pengecaman emosi yang unik, Emmo Diary juga boleh membantu anda memahami dan menangani emosi anda dengan lebih baik. Tetapi kadangkala saya mendapati bahawa diari saya telah dipadamkan secara tidak sengaja dan saya tidak tahu cara memulihkannya Jadi panduan tutorial ini akan membawakan anda panduan pemulihan terperinci, dengan harapan dapat membantu semua orang yang memerlukan. Bagaimanakah emmo boleh mendapatkan semula diarinya yang terdahulu? 1. Klik ikon [Tetapan] di sudut kiri bawah skrin pemilihan emmo untuk masuk 2. Pilih ikon [Sandaran dan Pemulihan Data] pada skrin dan masukkan operasi.
Bagaimana untuk memulihkan ulasan yang dipadam pada Xiaohongshu? Sebarang petua untuk ulasan yang dipadamkan?
Mar 27, 2024 am 11:56 AM
Xiaohongshu ialah platform e-dagang sosial yang popular di mana pengguna boleh berkongsi pengalaman membeli-belah, butiran kehidupan, dsb. Semasa penggunaan, sesetengah pengguna mungkin mengalami ulasan mereka dipadamkan. Jadi, bagaimana untuk memulihkan ulasan yang dipadam pada Xiaohongshu? 1. Bagaimana untuk memulihkan ulasan yang dipadam pada Xiaohongshu? Jika didapati komen telah dipadam secara tidak sengaja, pengguna boleh memilih untuk menunggu pasukan rasmi Xiaohongshu memulihkannya. Dalam kes ini, sebaiknya bersabar dan tunggu kerana pasukan rasmi mungkin memproses dan menyambung semula ulasan secara automatik selepas beberapa ketika. Jika anda mendapati bahawa ulasan telah dipadamkan, pertimbangkan untuk menerbitkan semula kandungan yang serupa. Tetapi apabila menyiarkan semula, sila pastikan kandungan mematuhi garis panduan komuniti Xiaohongshu untuk mengelakkan dialih keluar lagi. 3. Hubungi khidmat pelanggan Xiaohongshu: Jika anda rasa komen anda telah tersilap
