Es gibt viele Schaltflächen in meinem HTML. Und jedes Mal, wenn ich auf eine Schaltfläche klicke, wird diese Schaltfläche aktiviert (andere Schaltflächen sind deaktiviert). Und ich möchte, dass Buchstaben direkt auf diese spezifische Schaltfläche wie eine Textbox (Typ = "Text") geschrieben werden können. Ist das mit Javascript möglich? Oder brauche ich andere Dinge wie JQuery, etc ?? Vielen Dank!Wie tippe ich direkt in eine Schaltfläche ein?
1
A
Antwort
4
So ähnlich?
<button contenteditable="true">Foobar</button>
+0
Beachten Sie, dass "contenteditable" unsanitisiertes HTML akzeptiert, seien Sie also vorsichtig. –
2
Ein Weg ist es, ein input
Element innerhalb eines button
Element hinzuzufügen.
Zum Beispiel:
<button>
<input type="text" placeholder="type somthing here" />
Send
</button>
Siehe die Arbeitsversion: https://jsbin.com/lomufaqoxe/edit?html,output
0
Sie können einen Input-Tag um einen Tag button und Stil mit CSS wickeln, so dass es mit dem Knopf übergeht.
Verwandte Themen
- 1. Wie tippe ich "----- füge Text -----" in HTML ein?
- 2. Wie mache ich eine Schaltfläche, die Schauspieler direkt erweitert? Libgdx
- 3. Wie tippe ich ein Unicode-Zeichen in erhabenen Text?
- 4. Wie tippe ich negative Zahl mit .isdigit ein?
- 5. Wie tippe ich eine implementierungsdefinierte Struktur in einem generischen Header ein?
- 6. Wie tippe ich diese Reflektionswarnung weg?
- 7. Wie exportiere ich direkt in ein Berichtsdokument im Bericht-Viewer
- 8. Wie automatisch inkrementieren und dekrementieren, wenn ich tippe Knopf
- 9. Ich kann nicht sehen, was ich tippe in iterm2
- 10. Wie reiche ich eine Schaltfläche auf AJAX-Antwortdaten ein
- 11. Wie übermittele ich ein Auswahlmenü ohne eine Senden-Schaltfläche?
- 12. Wie kann ich SSH direkt in ein bestimmtes Verzeichnis?
- 13. Was läuft in PowerShell, wenn ich "Alias" tippe?
- 14. Wie lege ich eine Schaltfläche in eine Tabellenansichtszelle?
- 15. Wie schreibe ich direkt in eine Zusammenfassung, die scalar_summary imitiert?
- 16. Wie füge ich Firefox eine Schaltfläche hinzu?
- 17. Wie kann ich ein Bild direkt mit PHP anzeigen?
- 18. Twitter "tweet this" -Schaltfläche erscheint als eine Schaltfläche in Firefox, einfach ein Link in Chrome
- 19. Wie füge ich eine Schaltfläche in einer Actioncolumn in extjs
- 20. Wie kann ich eine jqueryui-Schaltfläche deaktivieren?
- 21. Wie kann ich ein kürzlich hochgeladenes Video direkt anzeigen?
- 22. Wie platziere ich ein Label direkt unter einer Spanne?
- 23. Wie füge ich eine Maßstabsleiste oder einen Nordpfeil direkt in das Kartensteuerelement ein?
- 24. Wie man ein Symbol in eine Schaltfläche einfügt (MahApps)
- 25. Wie kann ich eine Schaltfläche beim Eingeben von Text in eine Textbox ein- und ausblenden?
- 26. Wie fügt man eine Schaltfläche in der nativen Umgebung ein?
- 27. Wie öffne ich ein neues Fenster, indem ich eine Schaltfläche mit Tkinter in Python anklicke?
- 28. Wie füge ich ein Bild direkt unter einem Textkopf hinzu?
- 29. Ein schwarzes modales Fade verhindert, dass ich in das Textfeld tippe
- 30. Wie kann ich in JavaFx eine halbkreisförmige Schaltfläche erstellen?
Bitte fügen Sie Ihre Codes zu Frage –
Alles ist möglich mit einfachem JavaScript, "andere Dinge wie jQuery" machen es einfach. – Abdel