Guest User

Untitled

a guest
Mar 2nd, 2018
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.02 KB | None | 0 0
  1. ## blah
  2. Below is the contact page, the BR elements are there so new lines are introduced when CSS is off
  3.  
  4. ## contact.php [html]
  5. <form id="contact-form" method="post" action="contact2.php">
  6. <fieldset>
  7. <legend>Personal information</legend>
  8.  
  9. <label for="name">Name</label>
  10. <input type="text" name="name" id="name" />
  11. <br />
  12.  
  13. <label for="email">Email Address</label>
  14. <input type="text" name="email" id="email" />
  15. <br />
  16.  
  17. <label for="phonenumber">Phone Number</label>
  18. <input type="text" name="phonenumber" id="phonenumber" />
  19. <br />
  20. </fieldset>
  21.  
  22. <fieldset id="comment-area">
  23. <legend>Comments</legend>
  24. <textarea name="comment"></textarea></p>
  25. </fieldset>
  26.  
  27. <input type="submit" name="Submit" value="Submit">
  28. </form>
  29.  
  30. ## CSS [ruby]
  31. display:block; will ensure the labels sit above the form inputs
  32.  
  33. legend {
  34. font-weight : bold;
  35. color : #333;
  36. }
  37.  
  38. !! label { display : block; }
  39.  
  40. I have wrapped the comment text area in its own fieldset so that yo
Add Comment
Please, Sign In to add comment