Lab 7 : Fundamentals of web technology

 



1.  The <input type = "radio"> defines a radio button. In most cases, radio buttons are provided in radio groups. In a group, only one radio button can be selected at a time.

    The <input type = "checkbox"> defines a checkbox. When active, the checkbox appears as a square box that is ticked (checked). Checkboxes allow a user to select one or more alternatives from a limited set of alternatives.


2.  <!DOCTYPE html>

<html>

<body>


<h2> LAB-07 21-4-2020 </h2>

<h3> Exercise </h3><br>


<b><form>

  <input type="checkbox" id="car" name="v1" value="car">

  <label for="car">Car</label><br>

  <input type="radio" id="Black" name="color" value="black">

  <label for="black">Black</label>

  <input type="radio" id="White" name="color" value="white">

  <label for="white">White</label>

  <input type="radio" id="Green" name="color" value="green">

  <label for="green">Green</label>

  <input type="radio" id="Red" name="color" value="red">

  <label for="red">Red</label><br>

  <input type="checkbox" id="home" name="v2" value="home">

  <label for="home">Home</label><br>

  <input type="radio" id="small" name="size" value="small">

  <label for="small">Small</label>

  <input type="radio" id="large" name="size" value="large">

  <label for="large">Large</label>

</form></b>


</body>

</html>







Comments

Post a Comment

Popular posts from this blog

Lab 6 : Fundamentals of web technology

Image
1. <!DOCTYPE html> -  Defines the document type.     <h2> - Defines HTML headings.     <br> - Defines single line break.     <label> - Defines a label for an <input> element.     <p> - Defines a paragraph.     <form> - Defines an HTML form for user input. 2. <!DOCTYPE html>      <html>      <body>      <h2>LAB-06 HTML Forms</h2>      <form action="/action_page.php">      <label for="fname">First name:</label><br>      <input type="text" id="fname" name="fname" value="">      <label for="lname">Last name:</label>      <input type="text" id="lname" name="lname" value=" "><br><br>      <label for="id">ID:</label>      <input type="text" id="id...
Read more

Lab 8 : Fundamentals of web technology

Image
      1. The <dl> tag defines a description list.          The <dt> tag defines a term/name in a description list.         The <dd> tag is used to describe a term/name in a description list.          The <div> tag defines a division or a section in an HTML document.     2.                       <!DOCTYPE html> <html> <body> <div style="background-color:lightblue"> <h3> Q2- LAB-08 </h3> <p>--------------------------------------.</p> </div> <div style="background-color:yellow"> <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <div style="background color:lightgreen"> <dt>Milk</dt> <dd>White cold drink</dd> </div> </dl> </body> </html> ...
Read more