Saturday 26 February 2022

HTML document for multiple text inputs

 MULTIPLE TEXT INPUTS

Code :

<!doctype html>

<html>

    <head>

       <title>Multiple Text inputs</title>

    </head>

    <body>

       <h1>Pull Down Menus :</h1>

          <label for="car" >Select your favourite car :

          </label>

       <select>

          <option select>select_car

          <option>Endorouver</option>

          <option>Fortuner</option>

          <option>Ferari</option>

          <option>Lamborgini</option>

          <option>Ducatti</option>

          <option>Jaguar</option>

       </select><br><br>

       <h1>Check Boxes</h1>

       <form>

       <label for="vehicle">You own the vehicles :</label><br><br>

       <input type="checkbox" id="vehicle1" name="vehicle">

       <label for="vehicle1">Car</label>

       <input style="margin-left: 10%;" type="checkbox" id="vehicle2" name="vehicle">

       <label for="vehicle2">Bike</label>

       <input type="checkbox" id="vehicle3" name="vehicle"

        style="margin-left: 27%;">

        <label for="vehicle3">Cycle</label><br><br>

        <input type="checkbox" id="vehicle4" name="vehicle">

        <label for="vehicle4">Jett</label>

        <input type="checkbox" style="margin-left: 10%;"

         id="vehicle5">

         <label for="vehicle5">Luxurius Car</label>

         <input type="checkbox" id="vehicle6" name="vehicle"

          style="margin-left: 10%;">

          <label for="vehicle6">Formula-1</label><br><br>

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

         </form>

    </body>

</html>

Web View :

Come again Learn again !

« iCodeBuzz »


No comments:

Post a Comment