Stylish input box with shadow effect using CSS
Create a form with your own design, we help you to upgrade your coding standards in html ,css and JavaScript.This is a simple program with input text and submit and rest button.The reset button allows you to clear the contents written in the form. Here i didnot put any actions in the form tag.You can type any type of action on the form tag with action attribute.
The code is partly written on html 5 and targeted for beginners for proper understanding of html5 and cascading style sheet.
Code :
<html>
<head>
<style>
input
{
color:green;
text-shadow:0px 4px 4px black;
}
table
{
color:white;
text-shadow:10px 6px 6px pink;
}
</style>
</head>
<body bgcolor="jm65gvc">
<center>
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<table frame="box">
<tr>
<th><br />&nbsp&nbsp&nbsp&nbsp<blink>Enter your name</blink>&nbsp&nbsp&nbsp&nbsp</th>
</tr>
<tr>
<th><br /><form name="f1">
&nbsp&nbsp&nbsp&nbsp&nbsp<input name="j1" type="text" />&nbsp&nbsp&nbsp&nbsp
<br /><br /><input class="input" style="color: red;" type="reset" />
&nbsp&nbsp&nbsp&nbsp<input type="submit" />
</form>
</th>
</tr>
</table>
<br /><br /><br /><br />
</center>
</body>
</html>
Comments
Post a Comment