JSFiddle - React, Tailwind, and code Playground

by Anurag Udasi

HTML

<div class="title_class">
    HTML NEW CONTROL EXAMPLES
</div>
<br> <br>
<form class = "various_text_class">
    <label>Place holder example </label> <input type="text" placeholder="anu anu"/> <br> <br>
	<label>Time Picker example </label> <input type="time"/> <br> <br> 
    <label>Calendar example </label> <input type="date"/> <br> <br>
	<label>Color Picker example </label> <input type = "color"></input>  <br> <br>
	<label>Data List example </label> 
    <input type="text" list ="colors"></input>
    <datalist id="colors">
		<option value = "Red"></option>
		<option value = "Blue"></option>
		<option value = "Grey"></option>
		<option value = "Green"></option>
		<option value = "Yellow"></option>
	</datalist>

	<br> <br>

	<label>Video Example example </label> <video src = "http://www.w3schools.com/tags/movie.ogg" controls>
	</video>
</form>

CSS

.various_text_class
{
    font-family: "Segoe UI";
}

.title_class
{
     font-family: "Segoe UI";
     font-size: "larger";  
     font-weight: "bold";
}