Scribd Logo
Upload

Welcome to Scribd!

  • 442102905HW2

    Uploaded by

    moajlan2
    2 views6 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    2 views6 pages

    442102905HW2

    Uploaded by

    moajlan2

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 6

    Name : Mohammed Omar Alajlan

    StuId : 442102905

    <!DOCTYPE html>

    <head>

    <title>National Day Celebration</title>


    <style>

    hr {

    border: 0;

    height: 5px;

    background-color: #ccc;

    margin-top: 20px;

    margin-bottom: 20px;

    </style>

    </head>

    <body>

    <div class="survey-form">

    <img

    src="C:\Users\442102905\Downloads\Assignment2\Assignment2\NationalDay.jpg"

    alt="National Day Banner"

    style="width: 100%; height: 400px"

    />

    <div>

    <br>

    Below is a survey on national day celebration. Please take a few moments

    to complete this questionnaire.

    </div>

    <hr />

    <b>

    <form action="submit_form_url" method="post">

    <div class="section">

    <div class="question"><label for="name">Your name:</label></div>

    <div class="answer">

    <input type="text" id="name" name="name" required />


    </div>

    </div>

    <div class="section">

    <div class="question">

    <label for="email">Email address:</label>

    </div>

    <div class="answer">

    <input type="email" id="email" name="email" required />

    </div>

    </div>

    <div class="section">

    <div class="question">Your gender:</div>

    <div class="answer">

    </b>

    <input type="radio" id="male" name="gender" value="Male" />

    <label for="male">Male</label>

    <input type="radio" id="female" name="gender" value="Female" />

    <label for="female">Female</label>

    </div>

    </div>

    <b>

    <div class="section">

    <div class="question"><label for="age">Age:</label></div>

    <div class="answer">

    <input type="number" id="age" name="age" required />

    </div>

    </div>

    <hr />

    <div class="section">
    <div class="question">

    <label for="region">Which region in the kingdom are you from:</label>

    </div>

    <select name="region">

    <option selected="selected">- Select -</option>

    <option value="RYD">Al-riyadh</option>

    <option value="MKM">Makkah al-Mukarramah</option>

    <option value="MDM">Al-Madinah al-Munawwarah</option>

    <option value="QSM">Al-Qasim</option>

    <option value="SHQ">Ash-Sharqiyah</option>

    <option value="ASI">Asir </option>

    <option value="TBK">Tabouk</option>

    <option value="HAL">Ha'il</option>

    <option value="HDS">Al-Hudud ash-Shamaliyah</option>

    <option value="JIZ">Jizan</option>

    <option value="NJR">Najran</option>

    <option value="BAH">Al-Bahah</option>

    <option value="JWF">Al-Jawf</option>

    </select>

    </div>

    </div>

    <hr />

    <p>Which of the following would you consider to celebrate the national day:</p>

    </b>

    <input type="checkbox" id="family-gathering" name="celebration" value="Family


    Gathering">

    <label for="family-gathering">Family Gathering</label>

    <br>

    <input type="checkbox" id="fireworks" name="celebration" value="Fireworks Show">


    <label for="fireworks">Fireworks Show</label>

    <br>

    <input type="checkbox" id="Sport Events" name="celebration" value="Sport Events">

    <label for="Sport Events">Sport Events</label>

    <br>

    <input type="checkbox" id="Dress In National Colors" name="celebration" value="Dress In


    National Colors">

    <label for="Dress In National Colors">Dress In National Colors</label>

    <br>

    <input type="checkbox" id="Festival Parade" name="celebration" value="Festival Parade">

    <label for="Festival Parade">Festival Parade</label>

    <br>

    <input type="checkbox" id="Others" name="celebration" value="Others">

    <label for="Others">Others</label>

    <hr />

    <b>

    <p>Would you be interested to participate in organizing events for the national day
    celebration:</p>

    </b>

    <input type="radio" id="definitely" name="participate" value="Definitely">

    <label for="definitely">Definitely</label>

    <input type="radio" id="Probably" name="participate" value="Probably">

    <label for="Probably">Probably</label>

    <input type="radio" id="Probably not" name="participate" value="Probably not">

    <label for="Probably not">Probably not</label>

    <input type="radio" id="Definitely not" name="participate" value="Definitely not">

    <label for="Definitely not">Definitely not</label>

    <input type="radio" id="Unsure" name="participate" value="Unsure">

    <label for="Unsure">Unsure</label>
    <hr />

    <b>

    <label for="wishes">What are your wishes and expectations, What do you want to say to the
    country on this national day?</label> <br> <br>

    <textarea id="wishes" name="wishes" rows="20" cols="200" required></textarea>

    <hr />

    <center>

    <div class="section">

    <input type="submit" value="Submit" />

    <input type="reset" value="Start over" />

    </div>

    </center>

    </form>

    </div>

    </body>

    </html>

    You might also like