Rental Application Form
Use this basic online rental application form to gather information for residential and apartment rentals. The template allows a landlord to effectively screen prospective tenants. The form asks for basic information such as the applicant's name, contact information, current address, and tenant information.
Fields and controls
- Fields are divided into sections using Grid containers. Containers have a bg-secondary CSS class to set the background color to gray.
- 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.
- The Pets field is required.
- The PetInformation field is shown/hidden dynamically depending on the Pets field value.
- The Occupants data table is shown/hidden and made required dynamically depending on the NumberOfTenants field value.
- Change options for the Language and the Relationship columns in the column properties.
- The Ink sketch control is added for collecting an electronic signature.
- The occupants() function shows/hides occupants table and adds table validation dynamically depending on the NumberOfTenants field value. The function is called on the form load and when the NumberOfTenants field value changes.
- The petInfo() function shows/hides the PetInformation filed and makes it required depending on the Pets field value. The function is called on the form load and when the Pets field value changes.
- The minimum date for the MoveInDate field calendar is two days from the current date.
- The primary button font-weight is set to 500.
- h1, h4, p elements' text size is responsive to screen width and is set with the min() CSS function.
- h1, p element's content is centered.
- A pseudo-element is added before and after h4 elements to display horizontal lines.