Web tech 2

Identify the component that allows Customers to select multiple options from a form.

• .form-range

• Checkbox (.form-check)

• Radio (.form-radio)

• Toggle (.form-toggle)

Select the component which allow a user to choose a value between 0 and 100.

• .form-slider

• .input-range

• .form-range

• .range-input

In Pre-filled forms in HR portals find the attribute that is used to make input field non-editable but submittable?

• disabled

• locked

• readonly

• frozen

In checkout forms to show error messages which validation class can be used?

• .error-message

• .form-error

• .invalid-feedback

• .form-text-danger

You're building a client-facing registration form for a fintech application. To visually indicate that a user has entered a valid email address, which Bootstrap class will you use to highlight the input field with a green border?

• .form-valid

• .valid-input

• .is-valid

• .input-success

A health tech client wants to collect patient age using a slider input. Which Bootstrap component will give you a sleek and accessible slider?

• .form-slider

• .range-slider

• .form-range

• .slider-input

A client wants a dropdown styled for country selection. What will this code render in Bootstrap?

<select class="form-select">

<option>India</option>

<option>USA</option>

</select>

• Applies validation to select

• Makes select responsive and styled

• Creates multiple select options

• Hides the options

<div class="input-group">

<span class="input-group-text">₹</span>

<input type="text" class="form-control" placeholder="Amount">

</div>

Recall the role of input-group-text?

• Adds padding around input

• Inserts a non-clickable icon/text before input

• Adds a tooltip

• Automatically formats the currency