I am running my program on Apache Server.
As of now I comment the second form to get the output as normal text.
But I want to use the second form as the output table.
I need help in JSP file while using out.print()
How can I pass the output from out.print() to second form?
SWAPPING OF TWO NUMBERS
LAB11.html
<!DOCTYPE html>
<html>
<head>
<title>LAB11</title>
<style type="text/css">
div {
background-color: white;
width: 20%;
text-align: center;
padding: 20px;
margin: auto;
box-shadow: 10px 10px 5px #888888;
border-radius: 15px;
}
input[type=text] {
padding:5px;
border:2px solid #ccc;
-webkit-border-radius: 5px;
border-radius: 5px;
}
input[type=text]:focus {
border-color:#333;
}
input[type=submit] {
padding:5px 15px;
background:#ccc;
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}
</style>
</head>
<body bgcolor="BlanchedAlmond">
<h1 style="text-align: center;font-size: 30px;color:crimson">Swapping of two numbers</h1>
<div>
<form action="LAB11_1.jsp">
<table>
<tr>
<td>First Number:</td>
<td><input type="text" name="n1"></td><br>
</tr>
<tr>
<td>Second Number:</td>
<td><input type="text" name="n2"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Swap"></td>
</tr>
</table>
</form>
</div>
<h1 style="text-align: center;font-size: 30px;color:crimson">After Swapping</h1>
<div>
<form>
<table>
<tr>
<td>First Number:</td>
<td><input type="text" name="n3" id="n3"></td><br>
</tr>
<tr>
<td>Second Number:</td>
<td><input type="text" name="n4" id="n4"></td>
</tr>
</table>
</form>
</div>ss
</body>
</html>
LAB11_1.jsp
<!DOCTYPE html>
<html>
<head>
<title>LAB11_1</title>
</head>
<body>
<%
int a=Integer.parseInt(request.getParameter("n1"));
int b=Integer.parseInt(request.getParameter("n2"));
a=a+b;
b=a-b;
a=a-b;
out.print(a+"<br>");
out.print(b+"<br>");
%>
</body>
</html>
Related
What command do i need to use to don't make it zoom when i click "submit" or "reset" button. I want them just to look normal. i am supposed to use hover for this program but not for the last 2 buttons
Please see code below of what i have so far. anything is appreciated
<!DOCTYPE html>
<html>
<head>
<title>CSS rules</title>
<style>
input:focus{
background-color: yellow;
height: 40px;
width: 280px;
color: blue;
font-size: 24px;
}
input:hover{
background-color: cyan;
height: 40px;
width: 280px;
color: red;
font-size: 24px;
}
</style>
</head>
<body>
<form action="">
<table>
<tr>
<td>Last Name:</td>
<td>
<input type="text" id="LastName" />
</td>
</tr>
<tr>
<td>First Name:</td>
<td>
<input type="text" id="FirstName"/>
</td>
</tr>
<tr>
<td>E-mail Address :</td>
<td>
<input type="password" id="Email"/>
</td>
</tr>
<tr>
<td>
<input type="submit"/>
</td>
<td>
<input type="reset"/>
</td>
</tr>
</table>
</form>
</body>
<!--body tag ends here-->
</html>
<!--html tag ends here-->
Tried playing with the code but i can't figure it out
<!DOCTYPE html>
<html>
<head>
<title>CSS rules</title>
<style>
input[type="text"]:hover, input[type="password"]:hover {
background-color: yellow;
height: 40px;
width: 280px;
color: blue;
font-size: 24px;
}
input[type="text"]:focus, input[type="password"]:focus {
background-color: cyan;
height: 40px;
width: 280px;
color: red;
font-size: 24px;
}
</style>
</head>
<body>
<form action="">
<table>
<tr>
<td>Last Name:</td>
<td>
<input type="text" id="LastName" />
</td>
</tr>
<tr>
<td>First Name:</td>
<td>
<input type="text" id="FirstName"/>
</td>
</tr>
<tr>
<td>E-mail Address :</td>
<td>
<input type="password" id="Email"/>
</td>
</tr>
<tr>
<td>
<input type="submit"/>
</td>
<td>
<input type="reset"/>
</td>
</tr>
</table>
</form>
</body>
<!--body tag ends here-->
</html>
<!--html tag ends here-->
Changed the way you call the style. By passing in the [type=text] in CSS, you make sure that only type=text and type=password pick up the styles, and making the submit and the reset button not pick up the styles.
You'll need to add default style for when it's not hovering or in focus. Try adding this to your the area between your style tags:
input {
background-color: black;
height: 40px;
width: 280px;
color: white;
font-size: 24px;
}
If that's not what you intended, Yash Digant Joshi may have a better answer.
Add hover effect on input which is not submit or reset.
:where(input:not([type="submit"]):not([type="reset"])):hover
I have a problem. I created the following form:
.input-block {
width: 100%;
padding-bottom: 40px;
}
.input-block span {
font-size: 19px;
}
.input-block table {
width: 100%;
border-spacing: 0;
}
.input-block td {
width: 10%
}
.input-block input, select {
width: 50%;
font-size: 16px;
}
.input-block input, select {
padding: 6px 6px;
margin: 8px 0;
display: inline-block;
border: 1px solid #000;
box-sizing: border-box;
}
<div class="input-block">
<h2>Account information</h2>
<table>
<tr>
<td>
<span>Voornaam</span>
</td>
<td>
<input type="text" value="Alexander" />
</td>
</tr>
<tr>
<td>
<span>Tussenvoegsel</span>
</td>
<td>
<input type="text" value="van" />
</td>
</tr>
<tr>
<td>
<span>Achternaam</span>
</td>
<td>
<input type="text" value="Dijk" />
</td>
</tr>
<tr>
<td>
<span>Email</span>
</td>
<td>
<input type="text" value="alexandervdijk#gmail.com" />
</td>
</tr>
</table>
</div>
<div class="input-block">
<h2>Wachtwoord veranderen</h2>
<table>
<tr>
<td>
<span>Nieuw wachtwoord</span>
</td>
<td>
<input type="password" value="" />
</td>
</tr>
<tr>
<td>
<span>Herhaal wachtwoord</span>
</td>
<td>
<input type="password" value="" />
</td>
</tr>
</table>
</div>
<div class="input-block">
<h2>Profiel informatie</h2>
<table>
<tr>
<td>
<span>Geslacht</span>
</td>
<td>
<select id="geslacht" name="geslacht">
<option value="man" selected>Man</option>
<option value="vrouw">Vrouw</option>
</select>
</td>
</tr>
<tr>
<td>
<span>Nationaliteit</span>
</td>
<td>
<select id="nationaliteit" name="nationaliteit">
<option value="nederland" selected>Nederland</option>
<option value="belgie">Belgie</option>
<option value="duitsland">Duitsland</option>
<option value="frankrijk">Frankrijk</option>
</select>
</td>
</tr>
</table>
</div>
Now, this is almost like the way I want, but I can't change 2 things:
I want to decrease the row spacing in the table, so the items are more compact on the screen. The space doesn't need to be gone, but a bit smaller
The input boxes and the names before the input boxes can be closer to each other. I already tried to set a width of 10% on the td in the table, but that didn't work.
Can someone help me change the layout?
I adjusted your code a bit, mostly just the CSS.
Are you looking for something that's more like this?
I put a set width on your input
.input-block input, select {
width: 300px;
font-size: 16px;
}
and decreased width of your input block
.input-block {
width: 70%;
padding-bottom: 40px;
}
.input-block {
width: 70%;
padding-bottom: 40px;
}
.input-block span {
font-size: 19px;
}
.input-block table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.input-block td {
width: 10%;
}
.input-block input, select {
width: 300px;
font-size: 16px;
}
.input-block input, select {
padding: 6px 6px;
margin: 8px 0;
display: inline-block;
border: 1px solid #000;
box-sizing: border-box;
}
<div class="input-block">
<h2>Account information</h2>
<table>
<tr>
<td>
<span>Voornaam</span>
</td>
<td>
<input type="text" value="Alexander" />
</td>
</tr>
<tr>
<td>
<span>Tussenvoegsel</span>
</td>
<td>
<input type="text" value="van" />
</td>
</tr>
<tr>
<td>
<span>Achternaam</span>
</td>
<td>
<input type="text" value="Dijk" />
</td>
</tr>
<tr>
<td>
<span>Email</span>
</td>
<td>
<input type="text" value="alexandervdijk#gmail.com" />
</td>
</tr>
</table>
</div>
</div>
I had a quick HTML/CSS question I hope someone could help me with!
I am trying to learn the specifics of CSS in an online course. I am trying to do a very specific alignment with CSS within a form within a fieldset within a table. I need to have a fieldset split down the middle, and have the label directly on the left, and the input of the form directly on the right. I uploaded 2 pictures: what I have so far and what I am hoping to get, to give a visualization of what I am trying to achieve.
For anyone versed in CSS I am sure this is very easy but it's confusing me. Was just hoping to get some direction!
What I have:
http://imgur.com/gKoWux7
What I want to get:
http://imgur.com/IfeK8D1
Ignore the repetitive code/names in the first image, I am just worried about the alignment of the labels, inputs and buttons.
Here is my HTML:
<!DOCTYPE html>
<html>
<head>
<title>Test 2</title>
<link rel="stylesheet" type="text/css" href="test2.css">
</head>
<body>
<form>
<fieldset>
<legend>Personal Information</legend>
<table>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Registration Information</legend>
<table>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
<tr>
<td><label>First Name:</label></td>
<td><input type="text"></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Submit Your Registration</legend>
<table>
<tr>
<td><input type="submit"></td>
<td><input type="reset"></td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
Here is my CSS:
body {
background-color: #A8F89C;
margin: auto;
width: 50%;
}
table {
width: 400px;
table-layout: fixed;
}
fieldset {
width: 410px;
margin: auto;
width: 50%;
}
legend {
font-size: 16px;
font-weight: bold;
}
label {
font-size: 14px;
color: #06127D;
}
td label {
font-weight: bold;
padding-right: 7px;
}
td input {
padding-left: 7px;
}
form input {
width: 140px;
}
label input[type="radio"] {
font-size: 14px;
color: #201E1C;
}
button {
width: 75px;
font-weight: bold;
background-color: rgb(28,67,14);
}
Thank you so much for any help!!!
I just have read your requirement what you want to get.
You can use below mentioned css to get layout like this image
http://imgur.com/IfeK8D1
<style>
fieldset,table{
width:100%
}
td{
width:50%;
}
tbody tr td:first-child{
text-align:right;
padding-right:20px;
}
I hope it will usefull for you as per your need.
Thanks
My idea would add this CSS to (Because label doesn't fill the entire width of the td as label is not a block level element)
td label{
width:100%;
display: inline-block;
text-align:right;
}
or if you prefer you could something like this too, add
td {
text-align: right
}
but it moves all the td elements to right.
Snippet below
Take out the border if needed
body {
background-color: #A8F89C;
margin: auto;
}
table {
table-layout: fixed;
}
fieldset {
width: 410px;
margin: auto;
text-align: center;
}
legend {
font-size: 16px;
font-weight: bold;
}
label {
font-size: 14px;
color: #06127D;
}
td label {
font-weight: bold;
padding-right: 7px;
}
td input {
padding-left: 7px;
}
form input {
width: 140px;
}
label input[type="radio"] {
font-size: 14px;
color: #201E1C;
}
button {
width: 75px;
font-weight: bold;
background-color: rgb(28, 67, 14);
}
table {
border: solid red;
display: inline-table;
}
fieldset {
border: solid blue;
}
td:nth-child(1) {
text-align: right
}
<!DOCTYPE html>
<html>
<head>
<title>Test 2</title>
<link rel="stylesheet" type="text/css" href="test2.css">
</head>
<body>
<form>
<fieldset>
<legend>Personal Information</legend>
<table>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Registration Information</legend>
<table>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>
<label>First Name:</label>
</td>
<td>
<input type="text">
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Submit Your Registration</legend>
<table>
<tr>
<td>
<input type="submit">
</td>
<td>
<input type="reset">
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
First of all using div maybe easier to use ..I have modify a bit of your html where i get rid of the tr and td and use div .Hope this help
<div align = "center">
<label>First Name:</label>
<input type="text">
</div>
I have created two web pages, to see the differences between responsive and non responsive web pages.
I have given width and margin value in css files.
Both pages take its responsive behavior by itself.
This is my css file:
#CHARSET "ISO-8859-1";
body {
background-color: #999999;
}
.signUp {
background-color: #2F4F4F;
margin: 40px auto;
border-radius: 5px;
max-width: 1000px;
box-shadow: 0px 0px 200px 0px #2F4F4F;
}
.rowLab {
font-size: 20px;
padding: 0px 60px 0px 0px;
}
.in {
width: 400px;
position: relative;
background-color: #2F4F4F;
padding: 5px 10px 5px 5px;
font-size: 25px;
}
.btn {
background-color: gray;
color: #2F4F4F;
padding: 10px 40px 10px 40px;
}
What should I do in this so that it should not show the responsive behavior.
i.e. I want the pages not to shrink when I reduce the screen size.
This my html page:
<%# page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>SignUp</title>
<link rel="stylesheet" href="webStyle.css">
<script type="text/javascript">
function contact() {
var a=document.getElementById("phone").value;
if(a.length!=10){
alert("Check Contact Number !!");
}
}
</script>
</head>
<body>
<div class="signUp">
<form action="DBinsert" method="get" >
<br><br>
<h1 style="font-size: 50px; color: #ffffff" align="center">Register Yourself</h1>
<br><br><br>
<table align="center">
<tr>
<td class="rowLab">First Name</td>
<td><input class="in" type="text" name="fname" required autocomplete="on"></td>
</tr>
<tr>
<td class="rowLab">Last Name</td>
<td><input class="in" type="text" name="sname" required autocomplete="on"></td>
</tr>
<tr>
<td class="rowLab">Username</td>
<td><input class="in" type="text" name="uname" required autocomplete="on"></td>
</tr>
<tr>
<td class="rowLab">Password</td>
<td><input class="in" type="password" name="pwd" required autocomplete="off"></td>
</tr>
<tr>
<td class="rowLab">Email Id</td>
<td><input class="in" type="text" name="email" required autocomplete="on"></td>
</tr>
<tr>
<td class="rowLab">Phone NO.</td>
<td><input class="in" type="text" name="phone" id="phone" onblur="contact()" required autocomplete="on"></td>
</tr>
<tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>
<tr><td></td>
<td><input class="btn" type="submit" value="SignUp"></td>
</tr>
<tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>
<tr><td></td>
<td>
<%String sc=(String)request.getAttribute("data"); %>
<%if(sc!=null) {%>
<b><%= sc %></b>
<%} %><br><br>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
You have to set the width to a fixed value, not a percent. This way the page will stay the same size regardless of window or screen size.
Example: width: 1000px;, width: 1000em; or width: 1000rem; not width: 100%; or width: 100vw;.
I have to arrange my input text elements vertically. and with same height to all of them. I can make custom css class with height say height = "30px", It works perfect but when i zoom in or zoom out in browser there height increases or decreases.
How i can write correct css class to work them properly
ok this is complte html code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Feedback System</title>
<script src="Jquery/jquery-1.8.3.js" type="text/javascript"></script>
<script src="Jquery/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
<link href="CSS/Header.css" rel="stylesheet" type="text/css" />
<link href="Jquery/smoothness/jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.textbox
{
font-weight:bold;
}
td
{
border:solid 1px #c1c1c1;
}
.style9
{
width: 500px;
border: 1px solid #00FFFF;
height: 442px;
}
.no
{
width:50px;
text-align:center;
}
.ques
{
width:250px;
}
.column
{
width:100px;
height:100%;
float:left;
border:none;
border-right:solid 1px gray;
overflow:hidden;
}
.ans_cell
{
width:94px;
}
input{
width:100%;
line-height:27.5px;
height:auto;
display:block;
text-align:center;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="tabbox"
style="top: 160px; left: 7px; position: absolute; height: 38px; width: 100%; text-align: center;"
class="style6">
Feedback Form</div>
<div style="top: 216px; left: 98px; position: absolute; border-radius:20px; border-bottom:solid 1px #33ccff; height: 61px; width: 86%; font-family: 'Times New Roman', Times, serif; color: #666666; font-size: medium; font-weight: bold; border-left-style: none; border-left-color: inherit; border-left-width: medium; border-right-style: none; border-right-color: inherit; border-right-width: medium; border-top-style: none; border-top-color: inherit; border-top-width: medium;">
<div style="top: 10px; float:left; left: 81px; position: absolute; height: 19px; width: 93%; font-family: 'Times New Roman', Times, serif; color: #666666; font-size: medium; font-weight: bold; margin-left: 40px;">
<div style="position:absolute; top: 0px; left: -79px; width: 467px; margin-left: 80px;">Name :
<span class="style7">Yadav Sagar Sampatrao</span></div>
<div style="position:absolute; top: 1px; left: 479px; width: 179px; right: 449px;">
Roll No : <span class="style7">4242</span></div>
<div style="position:absolute; top: 0px; left: 675px; width: 177px; right: 255px;">Class :
<span class="style7">B. E.</span></div>
<div style="position:absolute; top: -1px; left: 883px; width: 219px;">Deparment :
<span class="style7">CSE</span></div>
</div>
</div>
<div style="position:absolute; top: 314px; left: 126px; width: 1119px; height: 499px; border:solid 1px #c1c1c1;">
<table class="style9">
<tr id="sub_name">
<td class="no">
Sr. No.</td>
<td class="ques" style="text-align:right;">
subject</td>
</tr>
<tr id="teacher_name">
<td class="no">
</td>
<td class="ques">
Parmeters to be Evaluated / Name of Teacher</td>
</tr>
<tr id="Tr1">
<td class="no">
1</td>
<td class="ques">
Punctuality and Regularity</td>
</tr>
<tr id="Tr2">
<td class="no">
2 </td>
<td class="ques">
Subject Knowledge and Preparation</td>
</tr>
<tr id="Tr3">
<td class="no">
3</td>
<td class="ques">
Clarity of Communication Skilll and Speed of Delivery</td>
</tr>
<tr id="Tr4">
<td class="no">
4</td>
<td class="ques">
Clarity of writing on Black Board</td>
</tr>
<tr id="Tr5">
<td class="no">
5</td>
<td class="ques">
Use of teaching aids (ex- PPT, OHP, Models, Charts)</td>
</tr>
<tr id="Tr6">
<td class="no">
6</td>
<td class="ques">
Timely completion of Syllabus</td>
</tr>
<tr id="Tr7">
<td class="no">
7</td>
<td class="ques">
Understanding and Interest Generated in Subject</td>
</tr>
<tr id="Tr8">
<td class="no">
8</td>
<td class="ques">
Efforts improving academic performance of Students</td>
</tr>
<tr id="Tr9">
<td class="no">
9</td>
<td class="ques">
Class Control and Discipline</td>
</tr>
<tr id="Tr10">
<td class="no">
10</td>
<td class="ques">
Availability Outside Classroom for Discussion</td>
</tr>
<tr id="Tr11">
<td class="no">
11</td>
<td class="ques">
The attitude of Teacher towards Student</td>
</tr>
</table>
<div id="ans_window" style="position:absolute; top: 0px; left: 501px; width: 616px; height: 441px; border:solid 1px #33ccff;">
<div class="column">
<input type="text" disabled="disabled" />
<input type="text" disabled='disabled'/>
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
</div>
<div class="column"></div>
</div>
</div>
</body>
</html>
Change the CSS for input element as follow:
input{
width:100%;
line-height:27.5px;
height:auto;
display:block;
text-align:center;
}
Add this to your css file
input[type=text]{height:30px !important;}
unless you don't give us a fiddle we can't give you a straight answer!
But i answered yesterday something about the zooming on browsers that you can see it here .
So 'maybe' (cause we have no full code yet) there is a problem on your border width cause its not the same with your left table! Does the problem exists in IE? Try insdead of using 'border', the 'outline' css style in order to avoid messing with zooming...
EDIT: i've made some changes on yout code to find the problem cause it was little messy. Here is the snippet that works in my browsers, i hope it helps:
.textbox
{
font-weight:bold;
}
.no
{
width:50px;
text-align:center;
}
.ques
{
width:250px;
}
.ans_cell
{
width:94px;
}
.column
{
position: relative;
width:100px;
display: table;
}
.column input{
height:32px;
vertical-align :middle;
width:100%;
display:table-cell;
padding:1px;
outline:1px solid black;
text-align:center;
}
.tableone {
position:absolute;
top: 314px;
left: 126px;
width: 1119px;
height: 499px;
border:solid 1px #c1c1c1;
}
.style9 td
{
height:34px;
outline:solid 1px #c1c1c1;
}
.style9 .ques {
width: 500px;
}
.style9
{
position: relative;
display: inline-block;
}
#ans_window {
position:relative;
display: inline-block;
border:solid 1px #33ccff;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Feedback System</title>
<script src="jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="Jquery/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
<link href="css/style2.css" rel="stylesheet" type="text/css" />
<link href="Jquery/smoothness/jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
</script>
</head>
<body>
<div id="tabbox"
style="top: 160px; left: 7px; position: absolute; height: 38px; width: 100%; text-align: center;"
class="style6">
Feedback Form</div>
<div style="top: 216px; left: 98px; position: absolute; border-radius:20px; border-bottom:solid 1px #33ccff; height: 61px; width: 86%; font-family: 'Times New Roman', Times, serif; color: #666666; font-size: medium; font-weight: bold; border-left-style: none; border-left-color: inherit; border-left-width: medium; border-right-style: none; border-right-color: inherit; border-right-width: medium; border-top-style: none; border-top-color: inherit; border-top-width: medium;">
<div style="top: 10px; float:left; left: 81px; position: absolute; height: 19px; width: 93%; font-family: 'Times New Roman', Times, serif; color: #666666; font-size: medium; font-weight: bold; margin-left: 40px;">
<div style="position:absolute; top: 0px; left: -79px; width: 467px; margin-left: 80px;">Name :
<span class="style7">Yadav Sagar Sampatrao</span></div>
<div style="position:absolute; top: 1px; left: 479px; width: 179px; right: 449px;">
Roll No : <span class="style7">4242</span></div>
<div style="position:absolute; top: 0px; left: 675px; width: 177px; right: 255px;">Class :
<span class="style7">B. E.</span></div>
<div style="position:absolute; top: -1px; left: 883px; width: 219px;">Deparment :
<span class="style7">CSE</span></div>
</div>
</div>
<div class="tableone">
<table class="style9">
<tr id="sub_name">
<td class="no">
Sr. No.</td>
<td class="ques" style="text-align:right;">
subject</td>
</tr>
<tr id="teacher_name">
<td class="no">
</td>
<td class="ques">
Parmeters to be Evaluated / Name of Teacher</td>
</tr>
<tr id="Tr1">
<td class="no">
1</td>
<td class="ques">
Punctuality and Regularity</td>
</tr>
<tr id="Tr2">
<td class="no">
2 </td>
<td class="ques">
Subject Knowledge and Preparation</td>
</tr>
<tr id="Tr3">
<td class="no">
3</td>
<td class="ques">
Clarity of Communication Skilll and Speed of Delivery</td>
</tr>
<tr id="Tr4">
<td class="no">
4</td>
<td class="ques">
Clarity of writing on Black Board</td>
</tr>
<tr id="Tr5">
<td class="no">
5</td>
<td class="ques">
Use of teaching aids (ex- PPT, OHP, Models, Charts)</td>
</tr>
<tr id="Tr6">
<td class="no">
6</td>
<td class="ques">
Timely completion of Syllabus</td>
</tr>
<tr id="Tr7">
<td class="no">
7</td>
<td class="ques">
Understanding and Interest Generated in Subject</td>
</tr>
<tr id="Tr8">
<td class="no">
8</td>
<td class="ques">
Efforts improving academic performance of Students</td>
</tr>
<tr id="Tr9">
<td class="no">
9</td>
<td class="ques">
Class Control and Discipline</td>
</tr>
<tr id="Tr10">
<td class="no">
10</td>
<td class="ques">
Availability Outside Classroom for Discussion</td>
</tr>
<tr id="Tr11">
<td class="no">
11</td>
<td class="ques">
The attitude of Teacher towards Student</td>
</tr>
</table>
<div id="ans_window" >
<div class="column">
<input type="text" disabled="disabled" />
<input type="text" disabled='disabled'/>
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
</div>
<div class="column"></div>
</div>
</div>
</body>
</html>
Nest the input element in the table's column and set the height to inherit.