<input type="text" />
<input name="username"/>
//input[@name="username"]
<input placeholder="First name"/>
//input[@placeholder="First name"]
<input id="last-name"/>
<input aria-describedby="name"/>
//input[@aria-describedby="name"]
<input readonly/>
<input disabled/>
<input type="email"/>
<input type="password"/>
//input[@type="password"]
link
<a href="#" target="_blank">link</a>
//a[@href]
//a[@href="#"]
//a[@target="_blank"]
//a[text()="link"]
Male
Female
Other
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
<input type="radio" name="gender" value="other"> Other
//input[@type="radio"]
//input[@name="gender"]
//input[@value="other"]
size
35
36
37
38
39
40
<select id="product-size">
<option>size</option>
<option class="opt-35" size="35" value="opt-35item-0">35</option>
<option class="opt-36" size="36" value="opt-36item-1">36</option>
<option class="opt-37" size="37" value="opt-37item-2">37</option>
<option class="opt-38" size="38" value="opt-38item-3">38</option>
<option class="opt-39" size="39" value="opt-39item-4">39</option>
<option class="opt-40" size="40" value="opt-40item-5">40</option>
</select>
//select[@id="product-size"]/option[2]
//select[@id="product-size"]/option[@size="36"]
//select[@id="product-size"]/option[contains(@value,"opt-40")]
//select[@id="product-size"]/option[text()="39"]
Volvo
Saab
Fiat
Audi
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
values
<textarea name="message" rows="3" cols="30">
The cat was playing in the garden.
</textarea>
//textarea[@name="message"]
//textarea[@rows="3"]
//textarea[@cols="30"]
<input type="submit" value="Submit">
//input[@type="submit"]
//input[@value="Submit"]
I have a bike
I have a car
I have a boat
<input type="checkbox" name="vehicle1" value="Bike"> I have a bike
<input type="checkbox" name="vehicle2" value="Car"> I have a car
<input type="checkbox" name="vehicle3" value="Boat" checked> I have a boat
//input[@type="checkbox"]
//input[@name="vehicle2"]
//input[@value="Car"]
//input[@checked]
Click Me!
(Alert)
<button type="button" alert onclick="alert('Hello World!')">Click Me!</button>
//button[@type="button"]
//button[@alert]
//button[@onclick]
Click Me! (Console Hello World)
<button type="button" console onclick="console.log('Hello World!')">Click Me!</button>
//button[@type="button"]
//button[@console]
//button[@onclick]
Click Me! (Console Random)
<button type="button" random onclick="console.log('Random integer from 0 to 99 ')">Click Me!</button>
//button[@type="button"]
//button[@random]
//button[@onclick]