Form Element Bordered

Use .input-bordered class with input element to make it bordered.

Use .select to active select2 jQuery plugin for custom select field style. and use data-select2-theme="bordered" with select element for borderd style.

Use .input-textarea as an extra class with your desired input class for textarea.

Use .input-checkbox class with input type checkbox element to make it look like above.

Use .input-radio class with input type radio element to make it look like above.

Use .input-switch class with input type checkbox or radio element to make it look like above.

Form Element Line

Use .input-line class with input element to make it Line.
For this label animation effect, Add a label with .field-label .field-label-line this classes after input element.

Use .select to active select2 jQuery plugin for custom select field style. and use data-select2-theme="line" with select element for line style.

Use .input-textarea as an extra class with your desired input class for textarea.