Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Bilal Junaidy
1,775 PointsForms-->My attempt
Could someone please explain to me why my form is looking so weird? I mean it allows to select both genders and the formatting is looking weird as well.
<form action="file://localhost/Users/bilaljunaidy/Desktop/practice.html" method="POST" name="VP Marketing">
<fieldset>
<br>
<legend align="center">Basic Information<legend>
<br>
<label for=#us> Username:</label>
<br>
<input type="text" name="username" id="us"></input>
<br>
<label for=#ps>Password:</label>
<br>
<input type="password" name="password" id="ps"></input>
<br>
<label for=#m>Male</label>
<br>
<input type="radio" value="gender"name="Male" id="m"></input>
<br>
<label for=#f>Female</label>
<br>
<input type="radio" value="gender"name="Female" id="f"></input>
<br>
</fieldset>
<br>
<fieldset>
<legend align="center">Information about yourself and the position</legend>
<br>
</fieldset>
</form>
5 Answers
Tom Bedford
15,645 PointsHi Bilal
You are missing a backslash on the closing tag of your first legend element.
You have:
<legend align="center">Basic Information<legend>
You should have:
<legend align="center">Basic Information</legend>
That will fix the main appearance problems.
There are a few other code errors in there, I suggest you run the code through the w3 validator and check the suggestions there. Choose "check by text input" and paste your code between the <body> tags.
Erik McClintock
45,783 PointsBilal,
We'll need to see some code and/or the form to best help you.
Go to https://teamtreehouse.com/forum/how-to-type-code-in-the-forum to learn about entering code into the forum, and/or go and create a CodePen at http://codepen.io/ and then share the pen with us.
Erik
Bilal Junaidy
1,775 Points'<form action="file://localhost/Users/bilaljunaidy/Desktop/practice.html" method="POST" name="VP Marketing">
<fieldset>
<br>
<legend align="center">Basic Information<legend>
<br>
<label for=#us> Username:</label>
<br>
<input type="text" name="username" id="us"></input>
<br>
<label for=#ps>Password:</label>
<br>
<input type="password" name="password" id="ps"></input>
<br>
<label for=#m>Male</label>
<br>
<input type="radio" value="gender"name="Male" id="m"></input>
<br>
<label for=#f>Female</label>
<br>
<input type="radio" value="gender"name="Female" id="f"></input>
<br>
</fieldset>
<br>
<fieldset>
<legend align="center">Information about yourself and the position</legend>
<br>
</fieldset>
</form>'
Bilal Junaidy
1,775 Points
dane wesolko
7,353 Pointsyou need to close the <legend> tag
<legend align="center">Basic Information</legend>