JSFiddle - React, Tailwind, and code Playground

by phoenix_suresh

HTML

<form method="get" action="www.yogesh.com/test.php">
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br>
Cars: <br>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<br>
Textarea<br>
<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>
<br>
RAdio <br>
<input type="radio" name="sex" value="male" checked>Male &nbsp;
<input type="radio" name="sex" value="female">Female
<br>
checkbox: <br>
<input type="checkbox" name="vehicle" value="Bike">I have a bike &nbsp;
<input type="checkbox" name="vehicle" value="Car">I have a car
<br>
<input type="submit" value="Submit">
</form>
<p>Note that the form itself is not visible.</p>

<p>Also note that the default width of a text field is 20 characters.</p>