1 Introducing Multimedia_did_mat1_ 1 variant
Оценка 5

1 Introducing Multimedia_did_mat1_ 1 variant

Оценка 5
docx
09.05.2020
1 Introducing Multimedia_did_mat1_ 1 variant
1 Introducing Multimedia_did_mat1_ 1 variant.docx

Didactical material

Name __________________ Class ______________________

Objective: 10.4.2.4 4 use HTML tags to insert multimedia objects into a webpage

Create a simple HTML form. On completion, the page will look like following

HTML Form

Solution

<!DOCTYPE HTML>

<html lang="en">

<head>

<meta charset=utf-8>

<title>HTML CSS Form exercise</title>

</head>

<body>

<div class="container">

<h1>Travel reservation form</h1>

<h3>* denotes mandotory</h3>

<form id="registration_form" method="POST">

  <label>Full name*:</label><br>

  <input type="text" name="full_name" placeholder="FirstName LastName" autofocus="autofocus" value=""><br>  

  <label>Email address*:</label><br>

  <input type="text" name="email_addr" value=""><br>

  <label>Select Tour Package* :</label><br>          

   <select name="package">

            <option value="Goa" >Goa</options>

            <option value="Kashmir" >Kashmir</options>

            <option value="Rajasthan" >Rajasthan</options>

   </select><br>

  <label>Arrival date*:</label><br>

  <input type="text" name="arv_dt" placeholder="m/d/y" value=""><br>

        <label>Number of persons*:</label><br>

  <input type="text" name="persons" value=""s><br>

     <label>What would you want to avail?*</label> <br>

 Boarding<input type="checkbox" name="facilities[]" value="boarding"  ><br>

 Fooding<input type="checkbox" name="facilities[]" value="fooding"  ><br>

 Sight seeing<input type="checkbox" name="facilities[]" value="sightseeing"  ><br>

   <label>Discount Coupon code:</label><br>

  <input type="text" name="dis_code" value=""><br>

      <label>Terms and conditions*</label><br>

  <input type="radio" name="tnc" value="agree" checked>I agree

  <input type="radio" name="tnc" value="disagree" >I disagree<br>

  <button type="submit" class="btn btn-large btn-primary" name="submit">Complete reservation</button>

</form>

</div>

</body>

</html>


 

Didactical material Name __________________

Didactical material Name __________________

Travel reservation form</h1> <h3>* denotes mandotory</h3> <form id="registration_form" method="POST"> <label>Full name*:</label><br> <input type="text" name="full_name" placeholder="FirstName

Travel reservation form</h1> <h3>* denotes mandotory</h3> <form id="registration_form" method="POST"> <label>Full name*:</label><br> <input type="text" name="full_name" placeholder="FirstName

Terms and conditions*</label><br> <input type="radio" name="tnc" value="agree" checked>I agree <input type="radio" name="tnc" value="disagree" >I disagree<br> <button type="submit" class="btn btn-large btn-primary" name="submit">Complete reservation</button> </form> </div> </body>…

Terms and conditions*</label><br> <input type="radio" name="tnc" value="agree" checked>I agree <input type="radio" name="tnc" value="disagree" >I disagree<br> <button type="submit" class="btn btn-large btn-primary" name="submit">Complete reservation</button> </form> </div> </body>…
Скачать файл