Textfeld

Tastatureingabe in ein Textfeld (Animation)

Ein Textfeld oder eine Textbox, vereinfachend auch ein Eingabefeld, ist ein Steuerelement einer grafischen Benutzeroberfläche, das Tastatureingaben oder Programmausgaben in Form einer Zeichenkette aufnehmen und darstellen kann. Es dient zur Eingabe im Sinne eines Computerprogramms. Eine Zusammenstellung mehrerer Textfelder und/oder anderer Steuerelemente wird auch als Eingabemaske oder Bildschirmmaske bezeichnet. Bezogen auf einen größeren Kontext kann sie als eigenständige/s Komponente/Element angesehen werden.

Einfaches Dialogfenster mit Beschriftungsfeld, Textfeld (Wert markiert) und zwei Schaltflächen. Beim Drücken auf „OK“ erfolgt die eigentliche Eingabe im Sinne eines Computerprogramms.

Textfelder werden vor allem in Dialogfenstern, Webformularen, sowie in Anwendungsprogrammen zur Interaktion mit dem Benutzer eingesetzt.

Die Basisimplementierung in HTML ist input. Diese Methode steuert aber auch andere Eingabefelder wie Schaltflächen (Buttons), Checkboxen (Kontrollkästchen) und Radiobuttons (Optionsschalter). Diese Typen bilden zusammen die elementaren Eingabeelemente in HTML, wie sie seit den 1990er Jahren allgemeine Verbreitung finden. Ihre Entwicklung reicht in die frühen 1980er Jahre zurück, als erste Betriebssysteme und Anwendungen mit grafischer Benutzeroberfläche etabliert wurden.

Viele Betriebssysteme und GUI-Toolkits bieten die Möglichkeit an, einen Platzhalter (englisch placeholder, watermark oder hint) anzuzeigen, wenn das Textfeld leer ist. Dieser dient dazu, den Benutzer über die Art der erwarteten Daten (z. B. Datentyp oder Eingabeformat) zu informieren oder Beispiele für mögliche Werte anzubieten. Er ist jedoch nicht dazu gedacht, die Beschriftung (Label) des Textfeldes zu ersetzen. In der Regel wird dieser Text in einer anderen Farbe (z. B. hellgrau) dargestellt, um nicht mit einem echten Wert verwechselt zu werden.

Heute verbreitet ist die automatische Textergänzung während des Eintippens (Autovervollständigung) für Textfelder. Auch Autokorrektur-Mechanismen sind möglich.

Spezielle Verwendung und Varianten

Eine neuere Form von Eingabefeld stellt die artverwandte Combobox dar, in der ein Textfeld mit anderen Eingabemethoden kombiniert wird, etwa einer Auswahlliste voreingestellter oder zuvor eingegebener Zeichenketten.

Beispiele

C#

Das folgende Beispiel in der Programmiersprache C# zeigt die Implementierung eines Textfelds und eines Buttons mit einer Combobox. Die Ereignisbehandlungsroutine des Buttons setzt einen Text in die Textbox (siehe Ereignis).

using System.Windows.Forms;

public class MainForm : System.Windows.Forms.Form
{
	private TextBox exampleTextBox;
	private Button exampleButton;
	
	// Konstruktor des MainForms.
	public MainForm()
	{
		InitializeTextBoxAndButton();
	}
	
	// Startet die Anwendung und erzeugt das MainForm durch Aufruf des Konstruktors.
    public static void Main()
    {
        Application.Run(new MainForm());
    }
	
	// Initialisiert das Textfeld und den Button.
	private void InitializeTextBoxAndButton()
	{
		exampleTextBox = new System.Windows.Forms.TextBox();
		exampleTextBox.Location = new System.Drawing.Point(50, 25);
		exampleTextBox.Size = new System.Drawing.Size(200, 100);
		exampleTextBox.AcceptsReturn = true;
		exampleTextBox.AcceptsTab = true;
		exampleTextBox.Multiline = true; // Legt fest, dass das Textfeld mehrere Zeilen haben kann und Zeilenumbrüche ermöglicht.
		exampleTextBox.ScrollBars = System.Windows.Forms.ScrollBars.Vertical;
		Controls.Add(exampleTextBox);
		
		exampleButton = new System.Windows.Forms.Button();
		exampleButton.Location = new System.Drawing.Point(50, 150);
		exampleButton.Size = new System.Drawing.Size(200, 25);
		exampleButton.Text = "Text in der Textbox ausgeben";
		Controls.Add(exampleButton);
		
		// Verknüpft die Ereignisbehandlungsmethode mit dem Klickereignis Click des Buttons.
		exampleButton.Click += exampleButton_Clicked;
	}
	
	// Diese Methode wird aufgerufen, wenn der Benutzer den Button klickt.
	private void exampleButton_Clicked(object sender, System.EventArgs e)
	{
		exampleTextBox.Text = "Hallo Leser!\r\nDer Button wurde geklickt."; // Setzt den 2-zeiligen Text in die Textbox.
	}
}
Wiktionary: Textfeld – Bedeutungserklärungen, Wortherkunft, Synonyme, Übersetzungen

Einzelnachweise

  1. ↑ input. In: SELFHTML. Abgerufen am 7. Mai 2021.
  2. ↑ HTML attribute: placeholder. In: developer.mozilla.org. Mozilla, abgerufen am 22. Juli 2025 (englisch).
  3. ↑ Text box. In: learn.microsoft.com. Microsoft, 26. Februar 2025, abgerufen am 22. Juli 2025 (englisch).
  4. ↑ Katie Sherwin: The Magnifying-Glass Icon in Search Design: Pros and Cons. In: nngroup.com. 23. Februar 2014, abgerufen am 22. Juli 2025 (englisch).
  5. ↑ Siehe Hilfe:Seite bearbeiten, Wikipedia Hilfeseite.
  6. ↑ TextBox Class. In: learn.microsoft.com. Microsoft, abgerufen am 21. August 2020 (englisch).