HTML RADIO & CHECK

on

 <!DOCTYPE html>

<html>

<body>

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

        

          <h3> Example1: Radio Button Input </h3>


<input type="radio" name="gender" value="male" checked> Male<br>

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


<h3> Example2: Input Type Checkbox </h3>

 

            <input type="checkbox" name="v1" value="Bike"> I have a bike<br>

<input type="checkbox" name="v2" value="Car"> I have a car <br>

 

</body>

</html>

Figure 1a shows the HTML code for HTML radio &check.

Figure 1b shows the output for HTML radio &check.


QUESTIONS

1. Explain about the HTML code above

·<!DOCTYPE html>is a declaration which all the HTML elements must start with it. It's a declaration but not an HTML tag. It serves as "information" to the browser about the type of document to expect.

·<html>tag is the root of the HTML document. All web pages have to start with the html element. It has all of the HTML elements. It also used to build up a web page.

·<body>tag come out after the tag in the page. It has all the content of the web page such as images and text.

· <h2>tags are used to obtain HTML headings.

·<h3>defines the third level heading in the HTML documents.

·<br>tag is used to insert blank lines among the text’s chunks.

·<input type = radio>defines a radio button. Radio button are usually presented in radio groups which is a collection of radio button describing a set of related option. In a group, only one radio button can be selected at a time.

·<input type=checkbox>defines a checkbox. The checkbox is displayed as a square box that is ticked (checked) while activated.


2. Write a HTML code to display the output as show as Figure Q2 on the webpage.



Figure Q2a shows the HTML code to display the output show as Figure Q2



     

Figure Q2b is the output show as Figure Q2




                  





Comments

Post a Comment