Align,the,form,controls,with,table,html

rou97 10/7/2016 0

Align the form controls with table in Html

Html
 <?xml version="1.0" ?>
<!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" lang="en" xml:lang="en">

<head>
  <title>Align the form controls with table</title>
</head>

<body>
<h2>Reply to seller</h2>
<p>Use the following form to respond to seller:</p>

<form action="" method="post" name="frmRespond">
<table>
  <tr>
    <td><label for="emailTo">To</label></td>
    <td><input type="text" name="txtTo" readonly="readonly" id="emailTo" size="25" value="Phone seller" /></td>
  </tr>
  <tr>
    <td><label for="emailFrom">To</label></td>
    <td><input type="text" name="txtFrom" id="emailFrom" size="25"  /></td>
  </tr>
  <tr>
    <td><label for="emailSubject">Subject</label></td>
    <td><input type="text" name="txtSubject" id="emailSubject"  size="60"  /></td>
  </tr>
  <tr>
    <td><label for="emailBody">Body</label></td>
    <td><textarea name="txtBody" id="emailBody"  cols="60" rows="12"> </textarea></td>
  </tr>
</table>
<input type="submit" value="Send email" />

</form>
</body>
</html>

 

Report Bug

Please Login to Report Bug

Reported Bugs

Comments

Please Login to Comment

Comments