formularios.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>formulario</title>

	<style type='text/css'>
	[require]{

		border-color: green;
		box-shadow: 0px 0px 5px green;
}	


			:invalid{
					
					border-color: red;
					box-shadow: 0px 0px 5px red;
			
			}



	</style>

</head>
<body>

<!-- require -->

<table>
	
<tr>
	<td>nombre</td>
	<td>
		<input type="text" require>

	</td>
</tr>

<tr>
	<td>Apellido
		
	</td>

	<td>
		<input type="text" require>
	</td>

</tr>

	
<tr>
	
<td>
	Email
</td>

<td>
	<input type="email" value='usuario@dominio.com' >

</td>


</tr>


<tr>
	Fecha
<td>
	
</td>
<td>
	<input type="date" >
</td>

</tr>


<tr>
	<td>Encuesta</td>
	<td>
		<input type="range" max='10' min='0' value='5' step='1'>


       </td>
</tr>





</table>




	
</body>
</html>