Structure d’un formulaire HTML

Question 1

What is the main tag used to create a form in HTML?

Answer 1

<form>

## Footnote

The <form> tag is essential for creating forms in HTML.
</form></form>

Question 2

What does the ‘name’ attribute in a form specify?

Answer 2

This attribute helps identify the form when submitted.

Question 3

What are the two methods available for form submission?

Answer 3

• get
• post

‘get’ sends data via URL, while ‘post’ sends data to the server.

Question 4

What is the purpose of the ‘action’ attribute in a form?

Answer 4

Specifies the URL of the program to process the data

This attribute determines where the form data is sent upon submission.

Question 5

What HTML tag is used for a simple text input field?

Answer 5

<input></input>

This tag allows users to enter text.

Question 6

Which tag is used for creating a password input field?

Answer 6

<input></input>

This tag hides the input text for security.

Question 7

How do you create a checkbox input in HTML?

Answer 7

<input></input>

This tag allows users to select multiple options.

Question 8

What is the HTML tag for creating radio buttons?

Answer 8

<input></input>

Radio buttons allow selection of one option from a set.

Question 9

What is the HTML structure for a dropdown list?

Answer 9

<select></select>

Dropdown lists enable users to select one option from a list.

Question 10

What HTML tag is used for a multi-line text input?

Answer 10

<textarea>

## Footnote

This tag allows users to enter larger amounts of text.
</textarea>

Question 11

What is an example of local validation using JavaScript?

Answer 11

<form>

## Footnote

This ensures the form is validated before submission.
</form>

Question 12

What does the ‘required’ attribute do?

Answer 12

Makes the field mandatory

Users must fill out this field before submitting the form.

Question 13

What is the purpose of the ‘placeholder’ attribute?

Answer 13

Provides temporary guidance text for the user

This text disappears when the user starts typing.

Question 14

What does the ‘pattern’ attribute validate?

Answer 14

The format of the entered data

This is useful for formats like postal codes.

Question 15

What is the difference between ‘readonly’ and ‘disabled’ attributes?

Answer 15

• readonly: Field is read-only
• disabled: Field is disabled and cannot be interacted with

Both attributes affect user interaction with form fields.

Question 16

What do ‘size’ and ‘maxlength’ attributes control?

Answer 16

• size: Controls the visible width of the input
• maxlength: Limits the number of characters

These attributes help manage user input.

Question 17

How can CSS styles be applied to form elements?

Answer 17

Using styles like:

css 
input, select, textarea { 
  border: 1px solid #ccc; 
  padding: 8px; 
  margin: 5px; 
} 

This example demonstrates basic styling for form elements.

Question 18

What is the first step in creating a form?

Answer 18

Insert a <form> tag into the page

This establishes the starting point for the form structure.

Question 19

What should be added after the <form> tag?

Answer 19

Sections and fields (using tables or divisions)

This organizes the content within the form.

Question 20

What is the last step in configuring a form?

Answer 20

Link the form to a processing program via the ‘action’ attribute

This is crucial for data submission.