Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > javascript写的一个表单动态输入提示的代码_表单特效

javascript写的一个表单动态输入提示的代码_表单特效

WBOY

Freigeben： 2016-05-16 19:09:38

Original

959 Leute haben es durchsucht

<title></title> 
  <style type="text/css"> 
  *{ 
  margin:0px;padding:0px;font-size:12px; 
  } 
    input{ 
      width:100px;height:20px;border:1px solid #ccc; 
    }

</style>

<script language="javascript"> 
function tips(id,str){ 
var l=document.getElementById(id).offsetLeft+120; 
var t=document.getElementById(id).offsetTop; 
document.getElementById("tips").innerHTML="提示："+str; 
document.getElementById("tips").style.left=l+"px"; 
document.getElementById("tips").style.top=t+"px"; 
document.getElementById("tips").style.display=""; 
} 
function outtips(){ 
    document.getElementById("tips").style.display='none'; 
} 
</script> 
<div id="tips" style="position:absolute;border:1px solid #ccc;padding:0px 3px;color:#f00;display:none;height:20px;line-height:20px;background:#fcfcfc"></div>

姓名：<input type="text" id="username" onfocus="tips('username','姓名长度最多16个字符')" onblur="outtips()">

密码：<input type="password" id="password" onfocus="tips('password','密码长度必须在3-18位之间')" onblur="outtips()">

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

比较简单，自己闲着无聊写的，很久没有写过代码了。。。。

Verwandte Etiketten：

javascript写的一个表单动态输入提示的代码

Quelle：php.cn

Vorheriger Artikel：javascript动画效果类封装代码_javascript技巧 Nächster Artikel：用js实现的一个根据内容自动生成表格的函数_javascript技巧

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Was ist eine NullPointerException und wie behebe ich sie?

2024-10-22 09:46:29
Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen

2024-10-13 13:53:41
Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger

2024-10-12 12:15:51
C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer

2024-10-11 22:47:31
Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger

2024-10-11 19:36:51
Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger

2024-10-11 15:50:41
Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger

2024-10-11 15:07:41
PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung

2024-10-11 14:21:21
Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen

2024-10-11 12:59:11
Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten

2024-10-11 12:17:31

Aktuelle Ausgaben

Beim Senden binärer Bilddaten (jpg) an das AWS Lambda-Backend über AWS API Gateway ist es verwirrend Entschuldigung im Voraus, wenn ich etwas Einfaches übersehe! Ich habe erfolgreich ein Bild...

Aus 2024-04-05 13:09:55

0

1

389

Fügen Sie mithilfe von Javascript zusätzliche Werte zu den angezeigten Formatdatenfeldern hinzu Ich versuche Folgendes zu erreichen: Ich möchte ein Formular erstellen, das vom Benutzer e...

Aus 2024-04-04 15:17:13

0

1

3589

Ein Inhaltsüberlauf im Fenster verhindert das Scrollen und verbirgt neue Inhalte Ich baue gerade ein Roulette-Systemprogramm auf (dies soll mich eher davon abhalten, Wette...

Aus 2024-04-03 21:24:55

0

1

285

Wie kann ich ein jQuery-Ereignis erstellen, das das Formular bei einem Doppelklick anzeigt, aber nicht das Doppelklick-Ereignis des Formulars auslöst? Ich möchte ein Ereignis schreiben, das besagt, dass die Zelle mit einem HTML-Formular aktu...

Aus 2024-04-01 13:42:52

0

2

445

Trimmen und berechnen Sie die Mobiltelefonnummer im Textfeld des PHP-Formulars Ich habe ein Textfeld in meinem Formular, in das ich eine Mobiltelefonnummer kopieren und ...

Aus 2024-03-31 08:46:11

0

1

314

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage