HTML Code :
<!DOCTYPE html>
<html>
<head>
<title>Simple Page in CSS and HTML</title>
<link rel="Stylesheet" href="SampleTask.css">
</head>
<body class="bg">
<h1>Survey Form</h1>
<div class="textbox">
<p id="para"><b>Let us know how we can improve html Code</b></p>
<label aria-required=""><b> Name :</b> </label><input type="text" placeholder="Enter your name" /><br /><br />
<label><b>Email :</b> </label><input type="text" placeholder="Enter your email" /> <br /><br />
<label><b>Age :</b></label><input type="number" placeholder="Enter your age" /><br /><br />
<label>Which Option discribe your current role :</label>
<select>
<option value="blank" aria-placeholder="choose anyone"></option>
<option value="student">Student</option>
<option value="service">Service</option>
<option value="business">Business</option>
</select><br /><br />
<label>How likely is that you recommend Felix-IT's to your Friend?</label>
<form>
<input id="ip1" type="radio">Definetly</input>
<input id="ip1" type="radio">May Be</input>
<input id="ip1" type="radio">Not Sure</input>
</form><br />
<label>What do you like most in Technologies : </label>
<select>
<option value="java">Java Developer</option>
<option value="web">Web Developer</option>
<option value="ui/ux">UI/UX Developer</option>
<option value="java">Python Developer</option>
<option value="java">iOS Developer</option>
</select><br /><br />
<button>Submit</button>
</div>
</body>
</html>
CSS Code:
.bg{
background-color: pink;
}
h1{
text-align: center;
}
.textbox{
width: 80%;
height: 500px;
background-color: gray;
margin: auto;
text-align: center;
}
#para{
text-align: center;
}
Output:
<!DOCTYPE html>
<html>
<head>
<title>Simple Page in CSS and HTML</title>
<link rel="Stylesheet" href="SampleTask.css">
</head>
<body class="bg">
<h1>Survey Form</h1>
<div class="textbox">
<p id="para"><b>Let us know how we can improve html Code</b></p>
<label aria-required=""><b> Name :</b> </label><input type="text" placeholder="Enter your name" /><br /><br />
<label><b>Email :</b> </label><input type="text" placeholder="Enter your email" /> <br /><br />
<label><b>Age :</b></label><input type="number" placeholder="Enter your age" /><br /><br />
<label>Which Option discribe your current role :</label>
<select>
<option value="blank" aria-placeholder="choose anyone"></option>
<option value="student">Student</option>
<option value="service">Service</option>
<option value="business">Business</option>
</select><br /><br />
<label>How likely is that you recommend Felix-IT's to your Friend?</label>
<form>
<input id="ip1" type="radio">Definetly</input>
<input id="ip1" type="radio">May Be</input>
<input id="ip1" type="radio">Not Sure</input>
</form><br />
<label>What do you like most in Technologies : </label>
<select>
<option value="java">Java Developer</option>
<option value="web">Web Developer</option>
<option value="ui/ux">UI/UX Developer</option>
<option value="java">Python Developer</option>
<option value="java">iOS Developer</option>
</select><br /><br />
<button>Submit</button>
</div>
</body>
</html>
CSS Code:
.bg{
background-color: pink;
}
h1{
text-align: center;
}
.textbox{
width: 80%;
height: 500px;
background-color: gray;
margin: auto;
text-align: center;
}
#para{
text-align: center;
}
Output:
No comments:
Post a Comment