logo

College Application Form

Collect university and college applications with the free online template. The form asks for general information about the student: name, contact information, address, and a list of courses in which the student is interested. All applications are stored in your account and can be easily accessed and managed.

Preview
Theme:
Use this template

Fields and controls

  • Fields are divided into sections using Grid containers. Containers have bg-secondary CSS class which colors the background in gray.
  • A logo is added using an Image control.
  • The Email field accepts only valid email addresses. Change the pattern in the field properties.
  • The MobileNumber is a masked input field that accepts only 11-digit numbers. Change the mask in the field properties.
  • Change options for the Course, the Level, and the Language columns in the column properties.
  • The Courses data table should contain at least one record. The validation is added using a JavaScript function.

JavaScript

  • Custom validation is added using the addValidator() method to ensure that the Courses table contains at least one record.

Styling

  • The primary button font-weight is set to 600.
  • The sizes of h1 and h4 are defined in the CSS editor.
  • A pseudo-element is added before and after h4 elements to display horizontal lines.