Web-Frontend
HTML-Tutorial
So erzielen Sie den Effekt, dass der Text beim Klicken auf eine Schaltfläche in ein Eingabefeld und beim Klicken auf Speichern in Text umgewandelt wird
So erzielen Sie den Effekt, dass der Text beim Klicken auf eine Schaltfläche in ein Eingabefeld und beim Klicken auf Speichern in Text umgewandelt wird
Dieses Mal zeige ich Ihnen, wie Sie den Effekt der Umwandlung des Textes einer Klickschaltfläche in ein Eingabefeld realisieren und wie Sie auf „Speichern“ klicken, um ihn in Text umzuwandeln Klicken Sie auf die Schaltfläche in ein Eingabefeld und klicken Sie auf „Speichern“, um es in Text umzuwandeln. Das Folgende ist ein praktischer Fall, schauen wir uns das an.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<title>点击按钮文字变成input框，点击保存变成文字</title>
<style type="text/css">
table{ text-align: center; font-size: 14px;}
table>thead>tr>th{ font-weight: normal;}
.text-right{ padding-right:73px; text-align: right;}
.text{ width: 50px; height: 30px; border: 1px solid #ddd; text-align: center;}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<table>
<thead>
<tr>
<th width="400">品名</th>
<th width="200">件数</th>
</tr>
</thead>
<tbody>
<tr height="50">
<td>iPhone6s</td>
<td class="edit">2</td>
</tr>
<tr height="50">
<td>小米5</td>
<td class="edit">5</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" class="text-right">
<button type="button" class="btn" onclick="change(this)">修改</button>
</td>
</tr>
</tfoot>
</table>
<script type="text/javascript">
function change(obj){
var xg=$(obj).html();
if(xg=='修改'){
$('.edit').each(function(){
var old=$(this).html();
$(this).html("<input type='text' name='editname' class='text' value="+old+" >");
})
$(obj).html('保存');
}else if(xg=='保存'){
$('input[name=editname]').each(function(){
var old=$(this).html();
var newfont=$(this).parent('td').parent('tr').children().find('input').val();
$(this).parent('td').html(newfont);
})
$(obj).html('修改');
}
}
</script>
</body>
</html>Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
Wie man mobile Webseiteninhalte adaptiv macht
Wie man mit Inhaltsüberlauf in Tabellentabellen umgeht
htmlWichtige Wissenspunkte, die Sie über PHP wissen müssen
Das obige ist der detaillierte Inhalt vonSo erzielen Sie den Effekt, dass der Text beim Klicken auf eine Schaltfläche in ein Eingabefeld und beim Klicken auf Speichern in Text umgewandelt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1378
52
5 Möglichkeiten zum Deaktivieren des Übermittlungsoptimierungsdienstes in Windows
May 17, 2023 am 09:31 AM
Es gibt viele Gründe, warum Sie den Übermittlungsoptimierungsdienst auf Ihrem Windows-Computer deaktivieren möchten. Unsere Leser beschweren sich jedoch darüber, dass sie die richtigen Schritte nicht kennen. In dieser Anleitung wird erläutert, wie Sie den Lieferoptimierungsdienst in wenigen Schritten deaktivieren können. Um mehr über Dienste zu erfahren, lesen Sie vielleicht unsere Anleitung zum Öffnen von „services.msc“ für weitere Informationen. Was macht der Lieferoptimierungsdienst? Delivery Optimization Service ist ein HTTP-Downloader mit Cloud-Hosting-Lösung. Es ermöglicht Windows-Geräten, Windows-Updates, Upgrades, Anwendungen und andere große Paketdateien von alternativen Quellen herunterzuladen. Darüber hinaus trägt es dazu bei, den Bandbreitenverbrauch zu reduzieren, indem es mehreren Geräten in einer Bereitstellung ermöglicht, diese Pakete herunterzuladen. Außerdem Windo
So erstellen Sie runde Bilder und Texte in ppt
Mar 26, 2024 am 10:23 AM
Zeichnen Sie zunächst einen Kreis in PPT, fügen Sie dann ein Textfeld ein und geben Sie den Textinhalt ein. Legen Sie abschließend die Füllung und den Umriss des Textfelds auf „Keine“ fest, um die Erstellung kreisförmiger Bilder und Texte abzuschließen.
So starten Sie das iPad Mini 6 neu, erzwingen einen Neustart und fahren es herunter
Apr 29, 2023 pm 12:19 PM
So erzwingen Sie einen Neustart des iPad Mini 6. Das Erzwingen eines Neustarts des iPad Mini 6 erfolgt durch eine Reihe von Tastendrücken und funktioniert folgendermaßen: Drücken und loslassen, um die Lautstärke zu erhöhen. Drücken und loslassen, um die Lautstärke zu verringern. Drücken Sie die Ein-/Aus-/Sperrtaste und lassen Sie sie los, bis Sie Folgendes sehen: Apple-Logo, das darauf hinweist, dass das iPad Mini zwangsweise neu gestartet wurde. Das ist alles. Der erzwungene Neustart wird normalerweise aus Gründen der Fehlerbehebung verwendet, z. B. wenn das iPad Mini einfriert, Apps einfrieren oder ein anderes allgemeines Fehlverhalten auftritt. Beim Verfahren zum erzwungenen Neustart des iPad Mini der 6. Generation ist zu beachten, dass es auch für alle anderen Geräte gilt, die über ultradünne Rahmen verfügen und diese verwenden
Nach dem Umschreiben:
So beheben Sie, dass der PS5-Controller unter Windows 11 nicht erkannt wird
May 09, 2023 pm 10:16 PM
<h3>Was sollte ich über den Anschluss meines PS5-Controllers wissen? </h3><p>So gut der DualSense-Controller auch ist, es gab Berichte darüber, dass der Controller keine Verbindung herstellte oder nicht erkannt wurde. Der einfachste Weg, dieses Problem zu lösen, besteht darin, den Controller über ein entsprechendes USB-Kabel mit Ihrem PC zu verbinden. </p><p>Einige Spiele unterstützen DualSense nativ. In diesen Fällen können Sie den Controller einfach einstecken. Dies wirft jedoch andere Fragen auf, z. B. was, wenn Sie kein USB-Kabel haben oder keins verwenden möchten
Wie füge ich in Word Punkte zum Text hinzu?
Mar 19, 2024 pm 08:04 PM
Wenn wir täglich Word-Dokumente erstellen, müssen wir manchmal Punkte unter bestimmten Wörtern im Dokument hinzufügen, insbesondere wenn es Testfragen gibt. Um diesen Teil des Inhalts hervorzuheben, gibt Ihnen der Herausgeber Tipps zum Hinzufügen von Punkten zu Text in Word. Ich hoffe, dass es Ihnen helfen kann. 1. Öffnen Sie ein leeres Word-Dokument. 2. Fügen Sie beispielsweise Punkte unter den Worten „So fügen Sie Punkte zum Text hinzu“ hinzu. 3. Wir wählen zunächst mit der linken Maustaste die Wörter „So fügen Sie Punkte zum Text hinzu“ aus. Beachten Sie, dass Sie, wenn Sie in Zukunft Punkte zu diesem Wort hinzufügen möchten, zunächst das Wort mit der linken Maustaste auswählen müssen . Heute fügen wir diesen Wörtern Punkte hinzu, daher haben wir mehrere Wörter ausgewählt. Wählen Sie diese Wörter aus, klicken Sie mit der rechten Maustaste und klicken Sie im Popup-Funktionsfeld auf Schriftart. 4. Dann erscheint so etwas
So stellen Sie mehrere Timer auf dem iPhone iOS 17 ein
Sep 18, 2023 am 09:01 AM
In iOS 17 können Sie mit der Uhr-App mehrere Timer auf Ihrem iPhone einstellen oder Siri zum Freisprechen verwenden. Wir besprechen beides in diesem Artikel. Werfen wir einen Blick auf sie. Stellen Sie mit der Uhr-App mehrere Timer auf dem iPhone ein. Öffnen Sie die Uhr-App auf Ihrem iPhone und tippen Sie auf die Registerkarte „Timer“ in der unteren rechten Ecke. Stellen Sie nun die Stunden, Minuten und Sekunden ein. Mit den Optionen „Label“ und „Wann endet der Timer“ können Sie einen Namen für den Timer und einen bevorzugten Ton festlegen, wenn der Timer abläuft. Dies wird Ihnen helfen, zwischen Timern zu unterscheiden. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Start“. Klicken Sie dann auf das „+“-Symbol in der oberen rechten Ecke. Wiederholen Sie nun die obigen Schritte, um mehrere Timer auf dem iPhone einzustellen. Sie können auch stöbern
Wie lösche ich den Download-Verlauf des Microsoft Edge-Browsers?
Apr 21, 2023 am 09:34 AM
<ul><li><strong>Klicken Sie hier, um Folgendes aufzurufen:</strong>ChatGPT-Tool-Plug-in-Navigation</li></ul><h2>Download-Verlauf in Edge suchen und löschen</h2> ;<p>Edge verfügt wie andere Browser über einen<strong>Download
![Ändern Sie die Aktion des Netzschalters unter Windows 11 [5 Tipps]](https://img.php.cn/upload/article/000/887/227/169600135086895.png?x-oss-process=image/resize,m_fill,h_207,w_330)
Ändern Sie die Aktion des Netzschalters unter Windows 11 [5 Tipps]
Sep 29, 2023 pm 11:29 PM
Der Netzschalter kann mehr als nur Ihren PC herunterfahren, obwohl dies die Standardaktion für Desktop-Benutzer ist. Wenn Sie die Power-Button-Aktion in Windows 11 ändern möchten, ist das einfacher als Sie denken! Beachten Sie, dass sich der physische Netzschalter von der Schaltfläche im Startmenü unterscheidet und die folgenden Änderungen keinen Einfluss auf die Funktion des letzteren haben. Darüber hinaus gibt es leicht unterschiedliche Energieoptionen, je nachdem, ob es sich um einen Desktop-PC oder einen Laptop handelt. Warum sollten Sie die Power-Button-Aktion in Windows 11 ändern? Wenn Sie Ihren Computer häufiger in den Ruhezustand versetzen als herunterfahren, reicht es aus, das Verhalten Ihres Hardware-Netzschalters (d. h. des physischen Netzschalters an Ihrem PC) zu ändern. Die gleiche Idee gilt für den Schlafmodus oder das einfache Ausschalten des Displays. Windows 11 ändern
