4. Forms
Activity 4.01: Building an Online Property Portal Website Form
Solution
- Start with the following skeleton HTML and create a new file in VSCode called
Activity 4.01.html
:<!DOCTYPE html> <html lang = "en"> <head> Â Â <title>Activity 4.01</title> </head> <body> Â Â <!-- your markup goes here --> </body> </html>
- Now, let's add the HTML for our property search form. We will start by adding the HTML for the search radius, price range, and bedroom fields. The HTML for the
radius
field will consist of alabel
and select box; likewise for the price range and bedrooms fields:Â Â Â Â <form action = "url_to_send_form_data" method = "post"> Â Â Â Â Â Â Â Â <fieldset> Â Â Â Â Â Â Â Â Â Â Â Â <h2>Property for sale in London</h2> Â Â Â ...