Wie entferne ich automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld?

Antwort vom

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du JavaScript verwenden. Das folgende Beispiel zeigt, wie du das beim Eintippen (oninput) erreichen kannst: ```html <input type="text" id="meinFeld" oninput="this.value = this.value.replace(/[. ]/g, '')"> ``` **Erklärung:** - `oninput` wird bei jeder Eingabe ausgelöst. - `replace(/[. ]/g, '')` entfernt alle Punkte (`.`) und Leerzeichen (` `) aus dem aktuellen Wert. **Hinweis:** Du kannst das Muster in der `replace`-Funktion anpassen, falls du noch weitere Zeichen entfernen möchtest. Weitere Infos zu [HTML input](https://developer.mozilla.org/de/docs/Web/HTML/Element/input) und [JavaScript replace](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/replace) findest du auf MDN.

Verwandte Fragen

Wie entferne ich automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld mit eigenem JavaScript?

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du ein kurzes JavaScript verwenden, das auf das input-Event reagiert. Hier ein Beispiel: html <input type=&quo...

Wie erstellt man ein Input-Element in einer HTML-Tabelle mit JS?

Um ein Input-Element in einer HTML-Tabelle mit JavaScript zu erstellen, kannst du die folgenden Schritte befolgen: 1. Erstelle eine HTML-Tabelle. 2. Verwende JavaScript, um ein neues <input>-El...

Wie fügt man einem <li> Tag innerhalb eines <ul> mit der Klasse tabs mit JavaScript die Klasse col-lg-3 hinzu?

Um einem <li>-Tag innerhalb eines <ul> mit der Klasse tabs die Klasse col-lg-3 hinzuzufügen, kannst du JavaScript verwenden. Hier ist ein Beispiel, wie du das machen kannst: javascri...

Wie fügt man <li>-Tag innerhalb eines <ul> mit Klassen tabs primary nav-tabs drupal-tabs mit JavaScript die Klasse col-lg-3 hinzu?

Um mit JavaScript <li>-Tags innerhalb eines <ul>-Elements, das die Klassen tabs primary nav-tabs drupal-tabs hat, die Klasse col-lg-3 hinzuzufügen, kannst du den folgenden Code verwen...

Wie fügt man mit JS einem <li>-Tag eines <ul> die Klassen col-lg-3, col-md-3, col-sm-6 und col-xs-6 hinzu?

Um einem <li>-Tag innerhalb eines <ul> mit JavaScript die Klassen col-lg-3, col-md-3, col-sm-6 und col-xs-6 hinzuzufügen, kannst du den folgenden Code verwenden: javascript // Wä...

Wie kann ich mit JavaScript in HTML einen Tooltip-Text bei onmouseover anzeigen?

Um einen Tooltip-Text bei einem onmouseover-Ereignis in HTML mit JavaScript anzuzeigen, kannst du die folgenden Schritte befolgen: 1. Erstelle ein HTML-Element, das den Tooltip anzeigen soll. 2. Verw...

Wie kann ich mit JavaScript den Inhalt eines HTML-Forms beim Submit anzeigen lassen?

Um mit JavaScript anzuzeigen, welcher Inhalt mit einem Submit in einer HTML-Form gepostet wird, kannst du ein Event-Listener für das submit-Ereignis der Form verwenden. Hier ist ein einfaches Bei...

Wie ändere ich die Ausrichtung eines Textes in einer HTML-Textarea mit JavaScript?

Um die Ausrichtung eines Textes in einer HTML-Textarea durch JavaScript zu verändern, kannst du die CSS-Eigenschaft text-align verwenden. Allerdings unterstützt die <textarea>-Elemente...

Kann man die Größe eines HTML-Popup-Fensters beim Öffnen automatisch an den Inhalt, etwa ein Bild, anpassen?

Mit reinem HTML ist es nicht möglich, beim Öffnen eines Popup-Fensters (z.B. mit window.open) die Höhe und Breite automatisch exakt an den Inhalt wie ein Bild anzupassen. HTML allein bi...

Dürfen style-Blöcke in HTML außerhalb des head-Bereichs stehen?

Ja, du kannst <style>-Blöcke technisch gesehen auch außerhalb des <head>-Bereichs in HTML schreiben, zum Beispiel im <body>. Das ist laut HTML-Spezifikation erlaubt und wi...