Friday, May 1Digital Marketing Journals

Forms

Quick Tip: How To Disable Autocomplete on Form Inputs
2Apr By Editorial TeamNo Comments
building website, creating a website, Forms, google web designer, HTML, internet design, Learn, web design, web design company, web designer, web page design, website builder, website design

Quick Tip: How To Disable Autocomplete on Form Inputs

Autocomplete is a feature that can save users’ time by suggesting previously entered information when filling out forms. Although it can be a helpful feature, sometimes it can be a privacy concern, especially when users share devices or work on public computers. In this case, users may want to disable the autocomplete feature for specific input fields or forms. In this article, we will discuss how to disable autocomplete for input elements. UNLIMITED DOWNLOADS: 1,500,000+ Icons & Design Assets DOWNLOAD NOW   The autocomplete attribute The autocomplete attribute is used to control this feature. This attribute can be applied to different form elements, including input tags. It takes two values: “on” and “off.” By default, the browser sets the value to “on” for input tags. When set to ...
Read More
How To Align Checkboxes and Their Labels Across Browsers
13Mar By Editorial TeamNo Comments
building website, creating a website, CSS, Forms, google web designer, internet design, Learn, web design, web design company, web designer, web page design, website builder, website design

How To Align Checkboxes and Their Labels Across Browsers

While checkboxes are relatively straightforward to implement, aligning them with their labels can be a challenge, as each browser renders them differently. In this article, we will explain how to align checkboxes and their labels consistently across all browsers using CSS. UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month! DOWNLOAD NOW   Wrap the Checkbox and Label in a Container The first step is to wrap the elements in a container so we can use it to apply styling to both the checkbox and the label. <div class="checkbox-container"> <input type="checkbox" id="checkbox1"> <label for="checkbox1">Checkbox Label</label> </div> Style the...
Read More
8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons
25Jul By Eric KarkovackNo Comments
building website, creating a website, CSS, CSS Snippets, Forms, google web designer, internet design, UI Design, web design, web design company, web designer, web page design, website builder, website design

8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons

HTML form elements such as checkboxes and radio buttons are staples of the web. But for many years, web designers didn’t do a whole lot to enhance them. That has changed quite a bit in recent times. Thanks to the power of CSS (and the occasional bit of JavaScript), these elements are being put to some seriously creative uses. In some instances, they’re dressed up to the point of being unrecognizable. Finally, their outstanding utility now has looks to match. To demonstrate what checkboxes and radio buttons are capable of, we’ve uncovered eight unique CSS snippets. While some stick to the traditional form-based role, others are used to create an entirely different visual experience. Let’s check out what these previously-mundane elements are capable of. The results may surprise you! The Web...
Read More