Form input in Laravel - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a text input field named 'username' in a Laravel Blade form.

Laravel

<input type="text" name="[1]" />

Drag options to blanks, or click blank then click option'

Apassword

Bemail

Cusername

Duser

Attempts:

3 left

💡 Hint

Common Mistakes

Using a different name like 'user' or 'email' which does not match the field purpose.

The name attribute should be set to 'username' to match the input field's purpose.

2fill in blank

medium

Complete the code to create a password input field using Laravel Blade syntax.

Laravel

[1]('password')

Drag options to blanks, or click blank then click option'

AForm::password

BForm::text

CForm::email

DForm::checkbox

Attempts:

3 left

💡 Hint

Common Mistakes

Using Form::text which creates a visible text input.

Using Form::email which is for email inputs.

Use Form::password to create a password input field in Laravel Blade.

3fill in blank

hard

Fix the error in the Blade form code to correctly create a checkbox input named 'subscribe'.

Laravel

[1]('subscribe', 1, false)

Drag options to blanks, or click blank then click option'

AForm::checkbox

BForm::radio

CForm::text

DForm::select

Attempts:

3 left

💡 Hint

Common Mistakes

Using Form::radio which creates radio buttons.

Using Form::text which creates text inputs.

Use Form::checkbox to create a checkbox input. The parameters are name, value, and checked state.

4fill in blank

hard

Fill both blanks to create a select dropdown named 'country' with options from the $countries array.

Laravel

[1]('country', [2], null, ['class' => 'form-select'])

Drag options to blanks, or click blank then click option'

AForm::select

B$countries

C$users

DForm::checkbox

Attempts:

3 left

💡 Hint

Common Mistakes

Using Form::checkbox instead of Form::select.

Passing wrong variable like $users instead of $countries.

Form::select creates a dropdown. The second argument is the options array, here $countries.

5fill in blank

hard

Fill all three blanks to create a textarea named 'message' with default text and a CSS class.

Laravel

[1]('message', [2], ['class' => [3]])

Drag options to blanks, or click blank then click option'

AForm::textarea

B'Enter your message here...'

C'form-control'

DForm::text

Attempts:

3 left

💡 Hint

Common Mistakes

Using Form::text which creates a single-line input.

Not providing a class attribute for styling.

Form::textarea creates a multi-line text input. The second argument is the default text, and the third is an array of HTML attributes like class.