Forms and Frames

Solutions for Computer Applications, Class 10, CBSE

Answer in One Word or a Sentence

8 questions

Question 1

Which Input attribute of HTML form specifies the initial value to the field?

Answer in One Word or a Sentence

Answer:

Value

Question 2

Which button is used to clear the contents of a form?

Answer in One Word or a Sentence

Answer:

Reset

Question 3

Which form control allows a user to make a selection of only one option among the several possible options?

Answer in One Word or a Sentence

Answer:

Radio Button

Question 4

Which attribute is used to preselect Checkbox?

Answer in One Word or a Sentence

Answer:

Checked attribute

Question 5

Name the form control which acts like a toggle switch which helps the user to select or deselect more than one item.

Answer in One Word or a Sentence

Answer:

Checkbox

Question 6

Name the attribute used to indicate that the choice in a drop-down list is preselected.

Answer in One Word or a Sentence

Answer:

Selected attribute

Question 7

Which attribute of the drop-down list is used to add a scroll feature to it?

Answer in One Word or a Sentence

Answer:

Size

Question 8

Name the entity used to select multiple options from the items displayed in a list.

Answer in One Word or a Sentence

Answer:

Multiple

Application Based Questions

3 questions

Question 1

Shagun wants to customize the width and height of the textarea in her form. How can she do it?

Application Based Questions

Answer:

Shagun can use the Rows and Cols attribute of the <TEXTAREA> tag to customize the width and height of the textarea in her form. Rows attribute defines the height of the textarea, and Cols attribute defines the width of the text area. Example code for customizing the width and height of the textarea is:

<TEXTAREA ROWS = "6" COLS = "50" NAME = "REMARKS">
Enter your remarks here.
</TEXTAREA>

Question 2

Write the HTML code to create the following form elements:

Write the HTML code to create the form elements. Forms and Frames, Computer Applications Code 165 Kips Cyber Beans Solutions CBSE Class 10.

Application Based Questions

Answer:

HTML code to create the form elements is given below:

<HTML>
<HEAD>
<TITLE>Pizza Selection</TITLE>
</HEAD>
<BODY>
<FORM>
Pizza Size : <BR>
<INPUT TYPE = "RADIO" ID = "R1" NAME = "SIZE" VALUE = "SMALL" />
<LABEL FOR = "R1"> Small </LABEL> 
<BR>
<INPUT TYPE = "RADIO" ID = "R2" NAME = "SIZE" VALUE = "MEDIUM" CHECKED/>
<LABEL FOR = "R2"> Medium </LABEL> 
<BR>
<INPUT TYPE = "RADIO" ID = "R3" NAME = "SIZE" VALUE = "LARGE" /> 
<LABEL FOR = "R3"> Large </LABEL> 
<BR>
<INPUT TYPE = "SUBMIT" NAME = "Process Order" VALUE = "Click to order Pizza" /> 
<INPUT TYPE = "RESET" NAME = "Clear" VALUE = "Click to Clear" /> 
</FORM>
</BODY>
</HTML>

Question 3

In the examination, Suparna has been asked to write the code for placing a drop-down list in the form area. She is also asked to indicate any one of the menu items as preselected. Help her in solving the problem.

Application Based Questions

Answer:

Suparna can use the selected attribute with the <OPTION> tag to indicate that one of the menu items is preselected.

Consider the following example in which the user has to select his destination. Here, the option "Chandigarh" is pre-selected.

<HTML>
<HEAD>
<TITLE>Drop-down Example</TITLE>
</HEAD>
<BODY> 
<FORM>
<P> Select your destination: </P>
<SELECT Name = "Cities">
<OPTION Selected> Chandigarh</OPTION>
<OPTION> Kolkata </OPTION>
<OPTION> Bhopal </OPTION>
<OPTION> Lucknow </OPTION>
<OPTION> Patna </OPTION>
<OPTION> Shimla </OPTION>
<OPTION> Delhi </OPTION>
<OPTION> Mumbai </OPTION>
<OPTION> Chennai </OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>

Fill in the Blanks

10 questions

Question 1

A Form is a collection of ............... of information on a page.

Fill in the Blanks

Answer:

A Form is a collection of fields of information on a page.

Question 2

A ............... allows a user to enter alphanumeric data that is a combination of characters and numbers.

Fill in the Blanks

Answer:

A Textbox allows a user to enter alphanumeric data that is a combination of characters and numbers.

Question 3

A ............... is like a toggle switch, which helps the user to select or deselect one or more than one items.

Fill in the Blanks

Answer:

A Checkbox is like a toggle switch, which helps the user to select or deselect one or more than one items.

Question 4

When the user has to make a selection among the several possible options, ............... buttons are used.

Fill in the Blanks

Answer:

When the user has to make a selection among the several possible options, Radio buttons are used.

Question 5

............... programs are required to process the information present in a form.

Fill in the Blanks

Answer:

CGI programs are required to process the information present in a form.

Question 6

Two important attributes to set up a form are ............... and ............... .

Fill in the Blanks

Answer:

Two important attributes to set up a form are Action and Method.

Question 7

The default value of Method attribute is ............... .

Fill in the Blanks

Answer:

The default value of Method attribute is Get.

Question 8

The ............... attribute of form specifies the file/page that the form is submitted to.

Fill in the Blanks

Answer:

The Action attribute of form specifies the file/page that the form is submitted to.

Question 9

The ............... attribute of <INPUT> tag specifies the initial value for the field.

Fill in the Blanks

Answer:

The Value attribute of <INPUT> tag specifies the initial value for the field.

Question 10

The ............... tag is used along with the <SELECT> tag to display a list of options.

Fill in the Blanks

Answer:

The <OPTION> tag is used along with the <SELECT> tag to display a list of options.

Long Answer Type Questions

6 questions

Question 1

What do you understand by the Method attribute? Differentiate between the Get method and the Post method.

Long Answer Type Questions

Answer:

The Method attribute specifies that the form information should be posted to the URL given in the action attribute. Possible values are GET and POST.

Differences between the Get method and the Post method are:

S. No.	Get Method	Post Method
1.	Form data is sent as part of URL.	Form data is sent as part of request body.
2.	Less data can be sent compared to Post method.	More data can be sent compared to Get method.
3.	Less secure.	More secure.
4.	Can be bookmarked.	Cannot be bookmarked.

Question 2

Explain any two input elements.

Long Answer Type Questions

Answer:

Two input elements are as follows:

Text Box — A text box allows a user to enter alphanumeric data that is a combination of characters and numbers. It creates a single line text box. We can add a text box to the form in the following way:
Syntax: <INPUT Type= "Text">
Checkbox — A checkbox is like a toggle switch which helps the user to select or deselect one or more items. We have to type the label next to the checkbox.
Syntax: <INPUT Type = "Checkbox" Name = "Hobbies" Value = "Reading">

The below example shows the usage of textbox and checkbox in a form:

<HTML>
<BODY>
<FORM>
<P>
NAME : 
<INPUT TYPE = "TEXT">
</P>
<P>
CHOOSE YOUR QUALIFICATION : <BR>
<INPUT TYPE = "CHECKBOX" NAME = "C1" VALUE = "GRADUATE">
GRADUATE <BR>
<INPUT TYPE = "CHECKBOX" NAME = "C2" VALUE = "POSTGRADUATE" >
POST GRADUATE
</P>
</FORM>
</BODY>
</HTML>

Question 3

Differentiate between:

Radio Button and Checkbox
Submit Button and Reset Button

Long Answer Type Questions

Answer:

1. Differences between Radio Button and Checkbox:

S. No.	Radio Button	Checkbox
1.	Radio buttons are used when we want users to select only one option from a set of choices.	Checkboxes are used when we want users to select multiple options from a list.
2.	Radio buttons are typically represented as small circles or dots, and users can select only one of them at a time.	Checkboxes are typically represented as small square boxes with a check mark inside them.
3.	Selecting one option automatically deselects any previously selected option within the same group.	Users can check or uncheck checkboxes independently.

2. Differences between Submit Button and Reset Button:

S. No.	Submit Button	Reset Button
1.	Submit button is used to send the data entered in the form to the server for processing.	A reset button is used to clear or reset the contents of a form, reverting all form fields back to their default or initial values.
2.	It is defined as follows: `<INPUT Type = "Submit" Value = "SEND">`	It is defined as follows: `<INPUT Type = "Reset" Value = "RESET">`

Question 4

Write a short note on the application areas of forms.

Long Answer Type Questions

Answer:

Forms have diverse application areas which include the following:

Educational sites — They are used for collecting names, addresses, telephone numbers, e-mail addresses, and other information of students which is required by the websites to register them for an online course.
Online shopping — They are used for gathering information for the purchase of an item. For example, if we want to purchase a book or any other item over the Internet, we would be required to fill in our name, mailing address, mode of payment that we wish to opt for, and so on.
Online Feedback Forms — They are used for collecting feedback about a website. Most websites that offer a service encourage the users to send their feedback. Apart from building customer relations, it is a source of information for modifications or improvements.
Providing Interface for a Chat Session — Users are required to fill out a form if they want to participate in a chat session or a discussion group.

Question 5

Define the following attributes associated with the <INPUT> tag:

i. Type

ii. Value

iii. Size

Long Answer Type Questions

Answer:

i. Type — This attribute specifies what kind of form control will be added to the form. The default type for an input element is "Text". Type attribute can take different values like "Text", "Checkbox", "Radio" or "Password".

ii. Value — It specifies the initial value for the element.

iii. Size — It specifies the width of the input field.

Question 6

Describe the Cols attribute and Rows attribute of the <TEXTAREA> tag.

Long Answer Type Questions

Answer:

Rows attribute of the <TEXTAREA> tag defines the height of the textarea and Cols attribute of the <TEXTAREA> tag defines the width of the text area.

Consider the following example,

<HTML>
<HEAD>
<TITLE>Using text area</TITLE>
</HEAD>
<BODY>
<FORM>
Remarks : <TEXTAREA ROWS = "6" COLS = "50" NAME = "REMARKS">
Enter your remarks here. </TEXTAREA>
</FORM>
</BODY>
</HTML>

Multiple Choice Questions

10 questions

Question 1

Which element sets up an area of the web page for a form?

Input element
Form element
Checkbox element
None of these

Multiple Choice Questions

Answer:

Form element

Reason — The form element sets up an area of the web page for a form.

Question 2

Which form elements can accept input from the user?

Input
GET
POST
None of these

Multiple Choice Questions

Answer:

Input

Reason — The Input form elements can accept input from the user.

Question 3

Which of the following code adds a text box on a form?

<INPUT Type = "Text">
<INPUT Type = "Textbox">
<INPUT Type = "Box">
None of these

Multiple Choice Questions

Answer:

<INPUT Type = "Text">

Reason — <INPUT Type = "Text"> adds a text box on a form.

Question 4

Which of the following buttons is used to clear the contents and set the values of all the form elements to their initial state?

SUBMIT
SEND
RESET
None of these

Multiple Choice Questions

Answer:

RESET

Reason — The RESET button is used to clear the contents and set the values of all the form elements to their initial state.

Question 5

Which tag is used to define a selection list in a form?

<OPTION>
<SELECT>
<NAME>
<SELECTION>

Multiple Choice Questions

Answer:

<SELECT>

Reason — <SELECT> tag is used to define a selection list in a form.

Question 6

CGI stands for .............. .

Computer Graphics Interface
Common Gateway interface
Collective Gateway Interchange
Common Graphics Interface

Multiple Choice Questions

Answer:

Common Gateway interface

Reason — CGI stands for Common Gateway interface.

Question 7

Which of the following are the attributes of the <INPUT> tag?

Value and Size
Name and Length
Type and Text
None of these

Multiple Choice Questions

Answer:

Value and Size

Reason — Value and Size are the attributes of the <INPUT> tag. Value specifies the initial value for the element and Size specifies the width of the input field.

Question 8

Which attribute of the <INPUT> tag specifies that the input element should be preselected when the web page loads?

Selected
Checked
Default
None of these

Multiple Choice Questions

Answer:

Checked

Reason — Checked attribute of the <INPUT> tag specifies that the input element should be preselected when the web page loads.

Question 9

The ............... attribute of <INPUT> tag specifies the maximum number of characters for the input field.

Size
Length
Maxsize
Maxlength

Multiple Choice Questions

Answer:

Maxlength

Reason — The Maxlength attribute of <INPUT> tag specifies the maximum number of characters for the input field.

Question 10

Which attribute of the <TEXTAREA> tag defines the width of the textarea?

Rows
Width
Cols
None of these

Multiple Choice Questions

Answer:

Cols

Reason — The Cols attribute of the <TEXTAREA> tag defines the width of the textarea.

Short Answer Type Questions

8 questions

Question 1

Name the attributes which are used with the <INPUT> tag.

Short Answer Type Questions

Answer:

The attributes which are used with the <INPUT> tag are:

Type
Name
Value
Size
Maxlength

Question 2

Which tag helps in creating a drop-down list on a form area?

Short Answer Type Questions

Answer:

The <SELECT> tag along with the <OPTION> tag is used to create a drop-down list on a form area.

Question 3

Which attribute of <INPUT> tag specifies what type of form control will be added to the form area?

Short Answer Type Questions

Answer:

The 'type' attribute of <INPUT> tag determines the type of form control that will be added to the form area

Question 4

Which tag adds a multi-line text box on the form area?

Short Answer Type Questions

Answer:

The <TEXTAREA> tag adds a multi-line text box on the form area.

Question 5

A form is divided into how many sections?

Short Answer Type Questions

Answer:

A form can be divided into three sections:

Form Header
Input Fields
Action Buttons

Question 6

What is the purpose of a password field?

Short Answer Type Questions

Answer:

The purpose of a password field is to securely input and hide confidential information like passwords or PINs by displaying dots or asterisks instead of the actual data.

Question 7

What is the purpose of a scroll bar added with a combo box?

Short Answer Type Questions

Answer:

A scroll bar added to a combo box indicates that there are more elements in the list and helps to navigate through this longer list of options.

Question 8

How can you select multiple options from the items displayed in a list?

Short Answer Type Questions

Answer:

We can select multiple options from the items displayed in a list by using the entity "multiple". The Ctrl or Shift keys are used to select more than one element from the list.

State True or False

11 questions

Question 1

A drop-down list displays a list of options from which the user can select an item.

State True or False

Answer:

True

Reason — A drop-down list displays a list of options from which the user can select an item.

Question 2

Radio button is a toggle switch used to select or deselect one or more items.

State True or False

Answer:

False

Reason — Radio button is a toggle switch used to select only one item out of many given items.

Question 3

Forms can be classified into three sections.

State True or False

Answer:

True

Reason — Forms can be classified into three sections —

Form Header
Input Fields
Action Buttons

Question 4

The Input element sets up an area for a form on the web page.

State True or False

Answer:

False

Reason — The Input elements are the form elements that can accept input from the user.

Question 5

Generally, we require one element to create a form in HTML.

State True or False

Answer:

False

Reason — Generally, we require two elements to create a form in HTML —

The Form element
The Input element

Question 6

The Button element creates button controls.

State True or False

Answer:

False

Reason — The Input element with Type attribute as 'Submit' or 'Reset' creates button controls.

Question 7

The Label element is used to describe the Form controls.

State True or False

Answer:

True

Reason — The Label element is used to describe the Form controls.

Question 8

The <INPUT> tag is used to create multi-line text box.

State True or False

Answer:

False

Reason — The <TEXTAREA> tag is used to create multi-line text box.

Question 9

Maxlength attribute specifies the width of the input field.

State True or False

Answer:

False

Reason — Maxlength attribute specifies the maximum number of characters that the user can enter into the input field.

Question 10

The <OPTION> tag is used with an <INPUT> tag to display a list of options.

State True or False

Answer:

False

Reason — The <OPTION> tag is used with a <SELECT> tag to display a list of options.

Question 11

Rows attribute defines the height of the Textarea.

State True or False

Answer:

True

Reason — Rows attribute defines the height of the Textarea.