nikhar021 Posted April 30, 2008 Share Posted April 30, 2008 im designing a form in the manner <form method="post" action="register1submit.php" > <p> Enter your first name: <input type="text" name="first" > </p> <p>Enter your last name: <input type="text" name="last" > </p> <p> Enter last six digits of your Student ID: <input type="text" name="id" maxlength="6" > </p> <p> Enter the desired password (minimum 6 characters): <input type="password" name="pswd1" /> </p> <p> Re-enter the desired password: <input type="password" name="pswd2"> </p> <td>Select your BRANCH</td> <select name="branch"> <option value=""></option> <option value="CS">Computer Science</option> <option value="IT">Information and Technology</option> <option value="EC">Electronics and Communication</option> <option value="EI">Electronics and Instrumentation</option> </select> <td>Select your semester</td> <select name="semester"> <option value=""></option> <option value="1">1st</option> <option value="2">2nd</option> <option value="3">3rd</option> <option value="4">4th</option> <option value="5">5th</option> <option value="6">6th</option> <option value="7">7th</option> <option value="8">8th</option> </select> <font style=" color:#FFFFFF; font-family:Comic Sans MS, Georgia; font-size: 18px"> <?echo"<br><br><br>PERSONAL DETAILS"?> </font> <p>Enter your Father's Name: <input type="text" name="fname" /> </p> <p>Enter your Mother's Name: <input type="text" name="mname" /> </p> <p>Address Line 1: <input type="text" name="add1" /> </p> <p>Address Line 2: <input type="text" name="add2" /> </p> <td>City</td> <select name="city"> <option value="Anuppur">Anuppur</option> <option value="Ashoknagar">Ashoknagar</option> <option value="Balaghat">Balaghat</option> <option value="Barwani">Barwani</option> <option value="Betul">Betul</option> <option value="Bhind">Bhind</option> <option value="Bhopal">Bhopal</option> <option value="Burhanpur">Burhanpur</option> <option value="Chhatarpur">Chhatarpur</option> <option value="Chhindwara">Chhindwara</option> <option value="Damoh">Damoh</option> <option value="Datia">Datia</option> <option value="Dhar">Dhar</option> <option value="Dindori">Dindori</option> <option value="Guna">Guna</option> <option value="Gwalior">Gwalior</option> <option value="Harda">Harda</option> <option value="Hoshangabad">Hoshangabad</option> <option value="Indore">Indore</option> <option value="Jabalpur">Jabalpur</option> <option value="Jhabua">Jhabua</option> <option value="Katni">Katni</option> <option value="Khandwa">Khandwa</option> <option value="Khargone">Khargone</option> <option value="Mandsaur">Mandsaur</option> <option value="Morena">Morena</option> <option value="Narsinghpur">Narsinghpur</option> <option value="Neemuch">Neemuch</option> <option value="Panna">Panna</option> <option value="Raisen">Raisen</option> <option value="Rajgarh">Rajgarh</option> <option value="Rewa">Rewa</option> <option value="Sehore">Sehore</option> <option value="Seoni">Seoni</option> <option value="Shahdol">Shahdol</option> <option value="Sheopur">Sheopur</option> <option value="Shivpuri">Shivpuri</option> <option value="Sidhi">Sidhi</option> <option value="Singrauli">Singrauli</option> <option value="Tikamgarh">Tikamgarh</option> <option value="Umaria">Umaria</option> <option value="Vidisha">Vidisha</option> </select> <p> State: <input type="text" name="state"> </p> <p> Pin Code: <input type="text" name="pin"> </p> <p> Contact Number: <input type="text" name="no"> </p> <p>Enter your email address: <input type="text" name="email"> </p> <p> <center><input type="submit" name="submit" value="submit"></center> </p> but the problem is that all the fields appear in an unaligned manner. how can i align them to give a proper formal look??????????? Link to comment https://forums.phpfreaks.com/topic/103520-urgent-forms-with-php/ Share on other sites More sharing options...
Psycho Posted April 30, 2008 Share Posted April 30, 2008 This is NOT a PHP problem. this is an HTML and/or CSS problem. I would suggest building your forms in ONLY HTML/CSS. Once they look correct, then incorporate the PHP code needed for the variability and functionality needed. however, the easiest solution to your problem would be to use a table. (although many would suggest that CS is the proper solution). I also see no need for each field label to state "Enter your...". That's kind of implied by the fact that you have a form, is it not? Here's a quick rewrite: <form method="post" action="register1submit.php" > <table> <tr><td>First name:</td><td><input type="text" name="first" /></td></tr> <tr><td>Last name:</td><td><input type="text" name="last" /></td></tr> <tr><td>Last six digits of your Student ID:</td><td><input type="text" name="id" maxlength="6" /></td></tr> <tr><td>Password (minimum 6 characters):</td><td><input type="password" name="pswd1" /></td></tr> <tr><td>Re-enter password:</td><td><input type="password" name="pswd2" /></td></tr> <tr> <td>BRANCH</td> <td> <select name="branch"> <option value=""></option> <option value="CS">Computer Science</option> <option value="IT">Information and Technology</option> <option value="EC">Electronics and Communication</option> <option value="EI">Electronics and Instrumentation</option> </select> </td> </tr> <tr> <td>Semester</td> <td> <select name="semester"> <option value=""></option> <option value="1">1st</option> <option value="2">2nd</option> <option value="3">3rd</option> <option value="4">4th</option> <option value="5">5th</option> <option value="6">6th</option> <option value="7">7th</option> <option value="8">8th</option> </select> </td> </tr> <tr> <td colspan="2"> <font style=" color:#FFFFFF; font-family:Comic Sans MS, Georgia; font-size: 18px">PERSONAL DETAILS</font> </td> </tr> <tr><td>Father's Name:</td><td><input type="text" name="fname" /></td></tr> <tr><td>Mother's Name:</td><td><input type="text" name="mname" /></td></tr> <tr><td>Address Line 1:</td><td><input type="text" name="add1" /></td></tr> <tr><td>Address Line 2:</td><td><input type="text" name="add2" /></td></tr> <tr> <td>City</td> <td> <select name="city"> <option value="Anuppur">Anuppur</option> <option value="Ashoknagar">Ashoknagar</option> <option value="Balaghat">Balaghat</option> <option value="Barwani">Barwani</option> <option value="Betul">Betul</option> <option value="Bhind">Bhind</option> <option value="Bhopal">Bhopal</option> <option value="Burhanpur">Burhanpur</option> <option value="Chhatarpur">Chhatarpur</option> <option value="Chhindwara">Chhindwara</option> <option value="Damoh">Damoh</option> <option value="Datia">Datia</option> <option value="Dhar">Dhar</option> <option value="Dindori">Dindori</option> <option value="Guna">Guna</option> <option value="Gwalior">Gwalior</option> <option value="Harda">Harda</option> <option value="Hoshangabad">Hoshangabad</option> <option value="Indore">Indore</option> <option value="Jabalpur">Jabalpur</option> <option value="Jhabua">Jhabua</option> <option value="Katni">Katni</option> <option value="Khandwa">Khandwa</option> <option value="Khargone">Khargone</option> <option value="Mandsaur">Mandsaur</option> <option value="Morena">Morena</option> <option value="Narsinghpur">Narsinghpur</option> <option value="Neemuch">Neemuch</option> <option value="Panna">Panna</option> <option value="Raisen">Raisen</option> <option value="Rajgarh">Rajgarh</option> <option value="Rewa">Rewa</option> <option value="Sehore">Sehore</option> <option value="Seoni">Seoni</option> <option value="Shahdol">Shahdol</option> <option value="Sheopur">Sheopur</option> <option value="Shivpuri">Shivpuri</option> <option value="Sidhi">Sidhi</option> <option value="Singrauli">Singrauli</option> <option value="Tikamgarh">Tikamgarh</option> <option value="Umaria">Umaria</option> <option value="Vidisha">Vidisha</option> </select> </td> </tr> <tr><td>State:</td><td><input type="text" name="state" /></td></tr> <tr><td>Pin Code:</td><td><input type="text" name="pin" /></td></tr> <tr><td>Contact Number:</td><td><input type="text" name="no" /></td></tr> <tr><td>Email address:</td><td><input type="text" name="email"></td></tr> <tr><td align="center" colspan="2"><input type="submit" name="submit" value="submit"></td></tr> </table> Link to comment https://forums.phpfreaks.com/topic/103520-urgent-forms-with-php/#findComment-530093 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.