Fade right side of the text of a material design like input

1. What is a text input field?
2. What is input field vs text field?
3. What are the input states in UX?
4. What is text field example?

What is a text input field?

A text field is a rectangular area in which people enter or edit small, specific pieces of text.

What is input field vs text field?

Generally speaking an input field is a one-line field (probably to carry something like first name or last name, a phone number, an email). A textarea is a multi-line field that allows you to press ENTER! They are used for addresses or others long and complex type of data (also notes, for instance).

What are the input states in UX?

Input text fields can have one of the following states: default, focused, error, and disabled. All states should be clearly differentiated from one another.

What is text field example?

A text field is a basic text control that enables the user to type a small amount of text. When the user indicates that text entry is complete (usually by pressing Enter), the text field fires an action event. If you need to obtain more than one line of input from the user, use a text area.