TextField QML Type

Single-line text input field. More...

Import Statement:	import QtQuick.Controls
Since:	Qt 5.7
Inherits:	TextInput

• List of all members, including inherited members

Properties

• background : Item
• bottomInset : real
• focusReason : enumeration
• hoverEnabled : bool
• hovered : bool
• implicitBackgroundHeight : real
• implicitBackgroundWidth : real
• leftInset : real
• placeholderText : string
• placeholderTextColor : color
• rightInset : real
• topInset : real

Signals

• pressAndHold(MouseEvent event)
• pressed(MouseEvent event)
• released(MouseEvent event)

Detailed Description

TextField is a single line text editor. TextField extends TextInput with a placeholder text functionality, and adds decoration.

	A text field in its normal state.
	A text field that has active focus.
	A text field that is disabled.

TextField {
    placeholderText: qsTr("Enter name")
}

See also TextArea, Customizing TextField, and Input Controls.

Property Documentation

background : Item

This property holds the background item.

See also Customizing TextField.

[since QtQuick.Controls 2.5 (Qt 5.12)] bottomInset : real

This property holds the bottom inset for the background.

This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).

See also Control Layout and topInset.

focusReason : enumeration

This property holds the reason of the last focus change.

Constant	Description
Qt.MouseFocusReason	A mouse action occurred.
Qt.TabFocusReason	The Tab key was pressed.
Qt.BacktabFocusReason	A Backtab occurred. The input for this may include the Shift or Control keys; e.g. Shift+Tab.
Qt.ActiveWindowFocusReason	The window system made this window either active or inactive.
Qt.PopupFocusReason	The application opened/closed a pop-up that grabbed/released the keyboard focus.
Qt.ShortcutFocusReason	The user typed a label's buddy shortcut
Qt.MenuBarFocusReason	The menu bar took focus.
Qt.OtherFocusReason	Another reason, usually application-specific.

See also Item::activeFocus.

[since QtQuick.Controls 2.1 (Qt 5.8)] hoverEnabled : bool

This property determines whether the text field accepts hover events. The default value is false.

This property was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also hovered.

[read-only, since QtQuick.Controls 2.1 (Qt 5.8)] hovered : bool

This property holds whether the text field is hovered.

This property was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also hoverEnabled.

[read-only, since QtQuick.Controls 2.5 (Qt 5.12)] implicitBackgroundHeight : real

This property holds the implicit background height.

The value is equal to background ? background.implicitHeight : 0.

This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).

See also implicitBackgroundWidth.

[read-only, since QtQuick.Controls 2.5 (Qt 5.12)] implicitBackgroundWidth : real

This property holds the implicit background width.

The value is equal to background ? background.implicitWidth : 0.

This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).

See also implicitBackgroundHeight.

[since QtQuick.Controls 2.5 (Qt 5.12)] leftInset : real

This property holds the left inset for the background.

This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).

See also Control Layout and rightInset.

placeholderText : string

This property holds the hint that is displayed in the TextField before the user enters text.

[since QtQuick.Controls 2.5 (Qt 5.12)] placeholderTextColor : color

This property holds the color of placeholderText.

This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).

See also placeholderText.

[since QtQuick.Controls 2.5 (Qt 5.12)] rightInset : real

This property holds the right inset for the background.

This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).

See also Control Layout and leftInset.

[since QtQuick.Controls 2.5 (Qt 5.12)] topInset : real

This property holds the top inset for the background.

This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).

See also Control Layout and bottomInset.

Signal Documentation

pressAndHold(MouseEvent event)

This signal is emitted when there is a long press (the delay depends on the platform plugin). The event parameter provides information about the press, including the x and y coordinates of the press, and which button is pressed.

Note: The corresponding handler is onPressAndHold.

See also pressed and released.

[since QtQuick.Controls 2.1 (Qt 5.8)] pressed(MouseEvent event)

This signal is emitted when the text field is pressed by the user. The event parameter provides information about the press, including the x and y coordinates of the press, and which button is pressed.

Note: The corresponding handler is onPressed.

This signal was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also released and pressAndHold.

[since QtQuick.Controls 2.1 (Qt 5.8)] released(MouseEvent event)

This signal is emitted when the text field is released by the user. The event parameter provides information about the release, including the x and y coordinates of the press, and which button is pressed.

Note: The corresponding handler is onReleased.

This signal was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also pressed and pressAndHold.