CSS Style Form Part 1

Code:

<style>

form {

width: 50%;

border: 1px solid #666;

}

#name {

margin: 10px;

}

input[type=text]{

width: 100%;

padding: 10px;

}

#email {

margin: 10px;

}

input[type=email]{

width: 100%;

padding: 10px;

}

#submit {

margin: 10px;

}

input[type=submit]{

width: 30%;

background-color:#3F3;

border:1px solid black;

color: white;

font-weight:bold;

padding: 10px;

}

</style>

<form>

<div id="name">

<input type="text" placeholder="Name" />

</div>

<div id="email">

<input type="email" placeholder="Email" />

</div>

<div id="submit">

<input type="submit" value="Submit" />

</div>

</form>

Comments

PHP Form Validation In Bangla

Code: <form action="" method="post"> <table> <tr> <td>User Name</td> <td> <input type="text" name="uname" /> </td> </tr> <tr> <td>Password</td> <td> <input type="password" name="pass" /> </td> </tr> <tr> <td>Email</td> <td> <input type="text" name="email" /> ...

PHP Type Juggling

Code: <?php $x = "50"; $y = 60; $z = $x - $y; print $z; $b = "1.0"; if($b){ print "hello"; } ?>

JavaScript Sort Number in Bangla Language

Code: <script> function fn(){ var arr = new Array(10,5,3,12,7); arr.sort(function (a,b){ return a-b; }); alert(arr); } </script> <input type="button" value="Sort" onClick="fn()" />

weblearning

Search This Blog