Implementierung der HTML-Befehlszeilenschnittstelle

HTML-Teil

Code kopieren

Der Code lautet wie folgt:

<!DOCTYPE html>
<Kopf>
<meta charset="utf-8" />
<title>WeChat-Manager</title>
<link href="css/index.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js">
</Skript>
<Skript>
$(Dokument).bereit(Funktion(){
$(Dokument).keyup(Funktion(Ereignis){
wenn(event.keyCode == 13){
$.ajax({
Typ: "POST",
URL: "ok.php",
Daten: "code="+$("#in").val(),
Erfolg: Funktion (Nachricht) {
$("ul").append("<li>"+$("#in").val()+"</li>"); // Gib die Eingabe an die Schnittstelle aus
$("ul").append("<li>"+msg+"</li>"); //Rückgabewert und Ausgabe abrufen
$("#in").val(""); //Eingabefeld löschen
$("#text").scrollTop($("#text").scrollTop()+32); //Scrollen Sie die Leiste nach unten, um das Eingabefeld anzuzeigen
}
});
}
});
$("#in")[0].fokus();
});
</Skript>
</Kopf>
<Text>
<div Klasse="Fenster">
<div Klasse="Titel">
<img src="css/1.jpg">
<span>WeChat-Tipps</span>
</div>
<div id="text">
<ul>
<li>Willkommen...</li>
<li>Anmelden:</li>
</ul>
<Eingabetyp="text" Name="" ID="in">
</div>
</div>
</body>
</html>

CSS-Teil

Code kopieren

Der Code lautet wie folgt:

@Zeichensatz "utf-8";
Körper {
Hintergrundfarbe: #396DA5;
Rand: 0px;
Polsterung: 0px;
Farbe: #fff;
Schriftart: „Microsoft YaHei“;
Schriftgröße: 14px;}
.Fenster {
Rand: 6px #ccc Anfang;
Breite: 680px;
Höhe: 442px;
Hintergrundfarbe: #000;
Position: absolut;
oben: 40px;
links: 68px;
Überlauf: versteckt}
.Titel {
Hintergrundfarbe: #08246B;
Polsterung: 2px;}
#text {
Hintergrundfarbe: #000;
Rahmen oben: #ccc Anfang 2px;
Höhe: 420px;
Überlauf-y:scrollen;}
ul {
Rand: 0px;
Polsterung: 0px;
Listenstil: keine;}
Eingabe {
Hintergrundfarbe: #000;
Rand: 0;
Farbe: #fff;
Umriss: keiner;
/*Schriftgröße:12px;*/
Breite: 100 %}

Effektbild:

<<: Eine kurze Zusammenfassung meiner Erfahrungen beim Schreiben von HTML-Seiten

>>: MySQL-Serie 9 MySQL-Abfrage-Cache und -Index

Detaillierte Schritte zur Installation der dekomprimierten Version von MySQL 5.7.20 (zwei Methoden)

Implementierung der HTML-Befehlszeilenschnittstelle

Detaillierte Schritte zur Installation der dekomprimierten Version von MySQL 5.7.20 (zwei Methoden)

So verwenden Sie js zur Kommunikation zwischen zwei HTML-Fenstern

Beispielanalyse der MySQL-Datumsverarbeitungsfunktion

Tutorial zur kostenlosen Konfiguration der MySQL 5.7.19 Winx64-Installationsversion

Implementierung der CentOS8.0-Netzwerkkonfiguration

Detaillierte Untersuchung der MySQL-Mehrversions-Parallelitätskontrolle MVCC

Detaillierte Erläuterung des Prinzips und des Implementierungsprozesses der Nginx-Konfiguration https

Analyse der neuen Funktionen von MySQL 8.0 - Transaktionales Datenwörterbuch und Atomic DDL

js zum Implementieren von Details im Datei-Upload-Stil

So beheben Sie den Fehler „MySQL-Dienst kann nicht gestartet werden, Fehler 1069“

Artikel empfehlen

Wie wird die Transaktionsisolation von MySQL erreicht?

So ändern Sie die Master-Slave-Replikationsoptionen in MySQL online

Linux Dateisystemtyp anzeigen Beispielmethode

So implementieren Sie Linux Deepin, um redundante Kernel zu löschen

CSS-Vererbungsmethode

Kostenloses Tool zur Überprüfung der Richtigkeit von HTML-, CSS- und RSS-Feeds

Informationen zu VUEs Kompilierungsumfang und Slotumfang-Slotproblemen

So verwenden Sie JavaScript, um die am häufigsten wiederholten Zeichen in einer Zeichenfolge abzurufen

MySQL-Lösung zum Erstellen eines horizontalen Histogramms

Praktische Methode zum Löschen verknüpfter Tabellen in MySQL

XHTML-Tutorial, eine kurze Einführung in die Grundlagen von XHTML

Detaillierte Beispiele für die Ausführung von Zabbix-Remotebefehlen

So implementieren Sie eine MySQL-Datenbanksicherung in Golang

React erhält den Eingabewert und übermittelt 2 Methodenbeispiele

Bildschirmbefehl und Verwendung unter Linux