<button> HTML button element

Did you know that HTML links and buttons are not interchangeable? Learn more about their proper use cases in this article.

The way we develop user interfaces on the web has changed significantly in recent years. In this column, we therefore want to examine what a modern approach looks like and which challenges this poses, especially for classic template engines from the Java world.

Debug HTML markup using advanced CSS selectors to identify invalid or missing attributes during development.

The impact that high quality mark-up can have on accessibility, performance, and discoverability.

Forms are a common interface for user input in web applications. However, form markup can be tedious to write and maintain because of the need to handle form controls, naming, and attributes. Rails simplifies this by providing view helpers, which are methods that output HTML form markup. This guide will help you understand the different helper methods and when to use each.After reading this guide, you will know: How to create basic forms, such as a search form. How to work with model-based forms for creating and editing specific database records. How to generate select boxes from multiple types of data. What date and time helpers Rails provides. What makes a file upload form different. How to post forms to external resources and specify setting an authenticity_token. How to build complex forms.

Senior Web Developer and Accessibility Advocate

TIL is an open-source project by Hashrocket that exists to catalogue the sharing & accumulation of knowledge as it happens day-to-day.

When to use a button instead of a link—and which type of button to choose—to create accessible interfaces.

Getting it done by not doing a lot of it

How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this topic. In this article, Carie Fisher will attempt to untangle the complex world of accessible patterns — one step at a time. She will kick things off by reviewing current accessible patterns and libraries, then you will consider your general pattern needs and potential restrictions, and lastly, she will walk you through a series of critical thinking exercises to learn how to better evaluate patterns for accessibility.

How to build a context menu using pure HTML and CSS, no JS, cross-browser.

A button is a button until it's a submit button.

How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this topic.

Upgrading the default data-turbo-confirm with a beautiful, native HTML dialog with animations

Imagine that you have a form to update a record (let’s say a product record) and inside the form, you are showing a list of images, and each image needs a button to remove it. You tried to use button_to but it doesn’t work because in html you can have...

Despite being answered time and time again, the button vs. link question prevails.

Use formaction, formenctype, formmethod and formnovalidate to change form configuration with button attributes