CSS Forms Quiz

Here are the quizzes on CSS Forms, covering topics like form input styling, labels, buttons, focus effects, and validation styling.

Last Updated :
Discuss
Comments

Question 1

Which CSS property changes the background color of an input field?

  • input-color

  • background-color

  • field-background

  • color

Discuss it

Question 2

How can you make a form input field have rounded corners?

  • border-radius

  • corner-style

  • input-round

  • border-shape

Discuss it

Question 3

Which pseudo-class applies styles when a user clicks inside an input field?

  • :hover

  • :focus

  • :active

  • :checked

Discuss it

Question 4

How do you change the text color inside a placeholder?

  • ::placeholder

  • :placeholder-text

  • placeholder-style

  • ::input-placeholder

Discuss it

Question 5

How do you remove the default border outline when an input field is focused?

  • border: none;

  • outline: none;

  • border-width: 0px;

  • focus-style: hidden;

Discuss it

Question 6

Which property changes the appearance of a submit button when hovered?

  • button-hover

  • hover-style

  • :hover

  • focus-effect

Discuss it

Question 7

How can you disable resizing of a textarea field?

  • resize: none;

  • size: fixed;

  • textarea-resize: no;

  • overflow: hidden;

Discuss it

Question 8

Which property is used to set spacing inside an input field?

  • margin

  • padding

  • spacing

  • gap

Discuss it

Question 9

How do you style a required input field when it’s empty?

  • input:empty

  • input:valid

  • input:required

  • input:invalid

Discuss it

Question 10

What does the cursor: pointer; property do for buttons?

  • Makes the button larger

  • Changes the mouse cursor to a hand icon

  • Adds an animation effect

  • Disables the button

Discuss it

There are 10 questions to complete.

Take a part in the ongoing discussion
We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy