CSS Forms

AiraCSS provides a full suite of CSS components for creating beautiful, responsive forms—perfect for anything from contact to registration forms.

Forms are a crucial part of web development, enabling user interaction and data collection. Astral provides a comprehensive set of CSS components to create beautiful, responsive forms with ease. Whether you're building a simple contact form or a complex registration form, Astral has you covered.

Form Overview

AiraCSS supports the following native HTML form elements: <form> <button> <input> <textarea> and <label>.

Key Features of AiraCSS's Form Components:

  • Input Fields: We support input of various types text, email, password, and more.
  • Select Menus: Customizable dropdowns for better user interaction.
  • Checkboxes and Radio Buttons: Stylish and accessible options for user selections.
  • Buttons: Customizable buttons for form submission and actions.
  • Validation: Our Built-in validation styles can be used for error handling in your form for your websites.
When combining several controls in a form, use the form-field class as a container, to keep the spacing consistent.

This username is available
This email is connected to a registered user
This password is not strong enough 



	

		
		  
	


	

		
			
		This username is available
	


	

	
		
	This email is connected to a registered user
	


	

	
		
	This password is not strong enough

AiraCSS Framework makes form design simple and efficient. With its responsive design, customizable components, and user-friendly features, Astral is the perfect choice for creating beautiful, functional forms. Start using Astral today and enhance your web development projects!

Form Label

AiraCSS has two sizes for label.code label-small andlabel-lg