Scribd
Upload
44 views7 pages

Lab No 3

The document is an HTML form code for a web page containing various input fields like text, password, radio buttons, checkboxes and dropdowns to collect user information. This includes fields to enter name, user ID, password, gender, programming skills, contact number, email and college. The form also has validation code to validate some fields before submission.

Uploaded by

MUHAMMAD AHMED ZAFAR
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
44 views7 pages

Lab No 3

The document is an HTML form code for a web page containing various input fields like text, password, radio buttons, checkboxes and dropdowns to collect user information. This includes fields to enter name, user ID, password, gender, programming skills, contact number, email and college. The form also has validation code to validate some fields before submission.

Uploaded by

MUHAMMAD AHMED ZAFAR
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

Lab 3

Name: Ahmed ZAFAR


Roll no: F2019052045
Subject: web programmming
Lab no 3

<!DOCTYPE html>

<html>

First Name: <br>

<input type="text" value="Mickey">

<br>

Last Name: <br>

<input type="text" value="Mouse">

<br><br>

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

<br><br>

<label for="User id"> User ID:</label>

<input type="user id" id="user id" name="user id" value="Usman ali"> <br><br>

<label for="pwd">Password:</label>

<input type="password" id="pwd" name="pwd mi=" 8"=""><br><br>

<li><label for="Name"> Name:</label>

<input type="Name" id="user id" name="user id"><br>

</li><li><label for="Email"> Email:</label>

<input type="Email" id="Email" name="Email"><br>

</li><li><label for="pwd">Password:</label>

<input type="password" id="pwd" name="pwd mi=" 8"=""></li><br>

<li>please check all the emotions that apply you:</li>

<ul>

<li><label for="A">Angry</label>

<input type="checkbox" id="A" name="moods" value="A"></li>

<li><label for="S">Sad</label>
<input type="checkbox" id="S" name="moods" value="S"></li>

<li><label for="H">Happy</label>

<input type="checkbox" id="H" name="moods" value="H"></li>

<li><label for="AM">Ambivlant</label>

<input type="checkbox" id="AM" name="moods" value="AM"></li>

</ul><br>

<li> How satisfied were you with our services</li>

<ul>

<li> <label for="VS">very Satisfied </label>

<input type="radio" id="vs" name="moods" value="VS"></li>

<li><label for="s">Satisfied</label>

<input type="radio" id="s" name="moods" value="s"></li>

<li><label for="DC">Dont care</label>

<input type="radio" id="DC" name="moods" value="DC"></li>

<li><label for="DS">Dissatisfied</label>

<input type="radio" id="DS" name="moods" value="DS"></li>

<li><label for="VDS">very Dissatisfied</label>

<input type="radio" id="VDS" name="moods" value="VDS"></li><br><br>

<li>Furthur coments <input type="radiogroup"></li>

<li><label for="CP">Chosse Photo</label>

<input type="radiogroup" value="choose"></li>

Location Visted:

<select>

<option value=" "> select location</option>

<option value=" floor"> 1st floor</option>

<option value=" floor"> 2st floor</option>

<option value=" floor"> 3st floor</option>

</select>

<br><br>
<li><input type="submit" value="submit"></li><br><br>

<ul>

<p> Form Valiation</p>

<label for="Name"> Name:</label>

<input type="Name" id="Name" name="Name"><br><br>

<label for="US"> User name:</label>

<input type="text" id="US" name="US"><br><br>

<label for="pwd">Password:</label>

<input type="password" id="pwd" name="pwd mi=" 8"=""><br><br>

<label for="repwd">RE-Password:</label>

<input type="password" id="repwd" name="repwd mi=" 8"=""><br>

Gender:

<input type="radio" id="M" name="moods" value="M">

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

<input type="radio" id="F" name="moods" value="F">

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

<input type="radio" id="O" name="moods" value="O">

<label for="O"> other</label>

<br><br>

Programming skills:

<input type="radio" id="J" name="moods" value="J">

<label for="J">Java</label>

<input type="radio" id="A" name="moods" value="A">

<label for="A">Androrid</label>

<input type="radio" id="R" name="moods" value="R">

<label for="R">Ruby</label><br><br>
<label for="Contact"> Contact Number:</label>

<input type="Number" id="Contact" name="Contact"><br><br>

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

<input type="Email" id="Email" name="Email"><br><br>

College:

<select>

<option value=" "> select college</option>

<option value="Kips College "> kips college</option>

<option value="punjab college "> punjab college</option></select>

<br><br>

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

</body></html>

You might also like