TextArea (mandatory)
Can be used in forms.
This is an example of a mandatory text area.
When the value meets the requirement of the text area a green checkmark will be shown.
Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.
Code: 🔼
TextArea (description)
Can be used in forms.
This is an example of an optional text area with a description.
Checkmark will be shown upon focus even when no value is entered. Border is green by default.
Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.
Code: 🔼
TextArea (mandatory, placeholder)
Can be used in forms.
This is an example of a mandatory text area with a placeholder.
When the value meets the requirement of the text area a green checkmark will be shown.
Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.
Code: 🔼
TextArea (description, placeholder)
Can be used in forms.
This is an example of an optional text area with a description and a placeholder text.
Checkmark will be shown upon focus even when no value is entered. Border is green by default.
Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.
Code: 🔼
TextArea (mandatory, default value)
Can be used in forms.
This is an example of a mandatory text area with a default value.
When the value meets the requirement of the text area a green checkmark will be shown.
Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.
Code: 🔼
TextArea (default value)
Can be used in forms.
This is an example of an optional text area with a default value.
When the value meets the requirement of the text area a green checkmark will be shown.
Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.
Code: 🔼
TextArea (max words)
Can be used in forms.
This is an example of an optional text area with a maximum number of words allowed.
When the value meets the requirement of the text area a green checkmark will be shown.
Only the HTML and CSS are necessary to create the text area along with all the interactions. JavaScript required for setting `data-show-error='true'` attribute.
Code: 🔼
TextArea (disabled)
Can be used in forms.
This is an example of a disabled text area.
Only the HTML and CSS are necessary to create the text area along with all the interactions.
Code: 🔼
TextArea (localStorage)
Can be used in forms.
This is an example of a text area whose value is kept in localStorage for subsequent visits.
Only the HTML and CSS are necessary to create the text area along with all the interactions.