Auto-expanding Textarea

More Examples

• 
  Sound Board

  Sound Board

  Author:
  Rami AlAjo

  5 months ago

  871

  v.4.6
• 
  HTML, CSS, and Bootstrap. This approach will be purely HTML and CSS without any JavaScript.

  HTML: Bootstrap Integration: Linked to Bootstrap CDN for styling. Form Structure: Contains input fields for name, email, and message, all within a card component. CSS: Background Gradient: Applied to the body for a visually appealing background. Card Styling: Rounded corners and padding for the card. Button Styling: Custom colors for the submit button, including hover effects. How to Use: Create an index.html file and copy the above code into it. Open the HTML file in your web browser to view the Contact Us form.

  Author:
  zobaidul kaziex

  11 months ago

  1.6k

  v.4.6
• 
  Likert Emoji Scale

  A Likert scale using emoji (svgs of bootstrap emojis). Has a label, radio button group named btnradio, and text for either end of the scale

  Author:
  Daniel

  3 months ago

  499

  v.5.3
• 
  HTML and Bootstrap for Registration Form

  HTML: Personal Information Section: Includes fields for full name, email, date of birth, bio, and profile image. Company Information Section: Includes fields for company name, company size (using a dropdown), and location. Submit Button: A button to submit the form. CSS: Background Gradient: Applied to the body. Card Styling: Styled with rounded corners and padding. Button Styling: Custom colors for the submit button. Validation Styling: Highlight invalid fields and display error messages. JavaScript: Validation Logic: Checks if required fields are filled and updates the feedback area with error or success messages. Dynamic Feedback: Updates the form with success or error messages based on validation.

  Author:
  zobaidul kaziex

  11 months ago

  6.2k

  v.4.6
• 
  Form Wave

  Form Wave

  Author:
  Rami AlAjo

  5 months ago

  865

  v.4.6
• 
  Animated Pricing Card with Bootstrap 5

  Author:
  Reza Farhadi

  11 months ago

  660

  v.5.3
• 
  Buttons with Icons

  Author:
  Prajwal Hallale

  1 year ago

  2.9k

  v.5.3
• 
  Gradient Hero Section

  A visually stunning hero section with a gradient background and a call-to-action button.

  Author:
  Prajwal Hallale

  1 year ago

  3.4k

  v.5.3
• 
  Parallax Image Gallery

  An eye-catching gallery section with parallax scrolling effects and image captions.

  Author:
  Prajwal Hallale

  1 year ago

  4.4k

  v.5.3
• 
  Responsive footer using HTML and Bootstrap:

  HTML: Error Title: A large, bold number (e.g., 404) to indicate the error type. Error Message: A brief message explaining the error. Button: A button to navigate back to the home page. Adjust the href attribute to point to your actual home page URL. CSS: Background Gradient: Applied to the body to give a stylish look. Error Container: Centered on the page with a semi-transparent background for contrast. Button Styling: Custom colors for the button, including hover effects. How to Use: Create an error.html file and paste the above code into it. Place the error.html file in your web server’s error pages directory or configure your server to serve this file on error.

  Author:
  zobaidul kaziex

  11 months ago

  5.6k

  v.4.6
• 
  Bento Grid with Bootstrap 5

  Author:
  C B

  10 months ago

  1k

  v.5.3
• Marquee Animation

  On hover stop effect

  Author:
  Anonymous

  1 year ago

  8.9k

  v.5.3