Hi ! friends,
This is Deepak Sharma 26, today I'm very excited to share about my today's class in IICS.
Well,In IICS, today my teacher Kedar was not present due to some technical issues in IICS,so today's class was taught by some other teacher named Aman.
He taught us very well and professionally.
He was very nice and has a good knowledge of HTML coding. He taught us new element, function of HTML.
Which I have used in this code,
let's see the code,
<html>
<head>
<title>Etit profile</title>
<style>
#form1{ border:1px solid #666;
padding:10px; border-radius:25px;}
</style>
</head>
<body style="background-color: yellow;"><center><h1>Edit Profile</h1></center>
<form id="form1">
<p>
<label style="color:#666;font-weight:bold;
font-family: Arial black;">
First Name:
</label>
<input type="text" placeholder="First Name"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;">
Last Name:
</label>
<input type="text" placeholder="Last Name"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;">
Gender:
</label>
<input type="radio" name="Gender">
<font style="color:#666; font-weight:bold;
font-family: Arial black;">MALE</font>
<input type="radio" name="Gender">
<font style="color:#666; font-weight:bold;
font-family: Arial black;">FEMALE</font>
<input type="radio" name="Gender">
<font style="color:#666; font-weight:bold;
font-family: Arial black;">OTHERS</font>
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;">
Date of birth:
</label>
<input type="Date" placeholder="DOB"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;" >
Email Id:
</label>
<input type="email" placeholder="Enter Email Id"
style="border:1px eolid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family:Arial black;">
Password:
</label>
<input type="password" placeholder="Enter password"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<input type="reset" value="Clear" style="background-color:red;
border-radius:10px; color:#fff; height:25px;">
<input type="button" value="Sign up" style="background-color:green; border: none;
margin-left:200px; border-radius:10px; height:25px; color:#fff;" >
</form>
</body>
</html>
The output of this code is:
You can also try this code by yourself, Good luck to all.
He taught us very well and professionally.
He was very nice and has a good knowledge of HTML coding. He taught us new element, function of HTML.
Which I have used in this code,
let's see the code,
<html>
<head>
<title>Etit profile</title>
<style>
#form1{ border:1px solid #666;
padding:10px; border-radius:25px;}
</style>
</head>
<body style="background-color: yellow;"><center><h1>Edit Profile</h1></center>
<form id="form1">
<p>
<label style="color:#666;font-weight:bold;
font-family: Arial black;">
First Name:
</label>
<input type="text" placeholder="First Name"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;">
Last Name:
</label>
<input type="text" placeholder="Last Name"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;">
Gender:
</label>
<input type="radio" name="Gender">
<font style="color:#666; font-weight:bold;
font-family: Arial black;">MALE</font>
<input type="radio" name="Gender">
<font style="color:#666; font-weight:bold;
font-family: Arial black;">FEMALE</font>
<input type="radio" name="Gender">
<font style="color:#666; font-weight:bold;
font-family: Arial black;">OTHERS</font>
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;">
Date of birth:
</label>
<input type="Date" placeholder="DOB"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family: Arial black;" >
Email Id:
</label>
<input type="email" placeholder="Enter Email Id"
style="border:1px eolid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<br>
<p>
<label style="color:#666; font-weight:bold;
font-family:Arial black;">
Password:
</label>
<input type="password" placeholder="Enter password"
style="border:1px solid #999; border-radius:10px;
padding-left:10px; height:25px;">
</p>
<input type="reset" value="Clear" style="background-color:red;
border-radius:10px; color:#fff; height:25px;">
<input type="button" value="Sign up" style="background-color:green; border: none;
margin-left:200px; border-radius:10px; height:25px; color:#fff;" >
</form>
</body>
</html>
The output of this code is:
You can also try this code by yourself, Good luck to all.
No comments:
Post a Comment