PRACTICE

Textboxes

Practice textbox types: simple, placeholder, password, textarea, readonly, and disabled — with automation‑friendly locators.

Blogspot-safe outputs: the empty symbol is injected by JavaScript (no hardcoded em dash in HTML).

Simple Textbox

Plain input with live output.

SIMPLE

Enter text

Value:

Textbox with Placeholder

Input with placeholder + live output.

PLACEHOLDER

Username

Value:

Password Textbox

UI hides the value; we expose length for automation practice.

PASSWORD

Password

For automation, you can read the value using JS/WebDriver, but the UI masks it.

Length: 0

Text Area

Counts characters live.

TEXTAREA

Comments

Characters: 0

Tip: This field has maxlength="500" for boundary testing.

Read‑Only Textbox

Readonly is focusable and usually submitted with form data (unlike disabled).

READONLY

Read‑only value

Good automation check: readonly is present, but element is focusable.

Disabled Textbox

Disabled cannot be focused and typically isn’t submitted.

DISABLED

Disabled value

Good automation check: element has disabled and cannot receive focus.

Actions

Show a JSON snapshot for assertions, or reset all fields.

ACTIONS

Output:

Automation hook: #allOut sets data-json with the same JSON string.