Want to take your software engineering career to the next level? Join the mailing list for career tips & advice Click here


Friendlier HTML form controls with a little CSS magic.

Subscribe to updates I use wtf-forms

Statistics on wtf-forms

Number of watchers on Github 2462
Number of open issues 18
Average time to close an issue about 2 months
Main language CSS
Average time to merge a PR 16 days
Open pull requests 8+
Closed pull requests 10+
Last commit over 5 years ago
Repo Created over 6 years ago
Repo Last Updated over 2 years ago
Size 89 KB
Homepage http://wtfforms.com
Organization / Authormdo
Latest Releasev2.2.0
Page Updated
Do you use wtf-forms? Leave a review!
View open issues (18)
View wtf-forms activity
View on github
Book a Mock Interview With Me (Silicon Valley Engineering Leader, 100s of interviews conducted)
Software engineers: It's time to get promoted. Starting NOW! Subscribe to my mailing list and I will equip you with tools, tips and actionable advice to grow in your career.
Evaluating wtf-forms for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

WTF, forms?

WTF, forms? provides friendlier HTML form controls with a little CSS magic. It's designed for IE9+, as well as the latest Chrome, Safari, and Firefox.

Start reading


Open an issue or a pull request to suggest changes or additions. Please submit pull requests to the gh-pages branch.


MIT licensed. Copyright 2014 @mdo.


wtf-forms open issues Ask a question     (View All Issues)
  • about 4 years opactity:0 can hide input from screenreaders
  • about 4 years 'for' attributes for labels
  • about 4 years Tweak suggestion for radio/checkboxes
  • over 4 years Progress bar displays 1px black line at end of progress bar in IE10 / IE11 / Edge
  • over 5 years Select in Firefox and the hidden arrow
  • over 5 years Please add installation instructions to README
  • over 5 years Add CSS Toggle Switch
  • almost 6 years Support indeterminate checkboxes
  • about 6 years Printing styles
  • about 6 years Select arrow in IE10 not working
  • over 6 years FF to end support on select's arrow hiding trick
  • over 6 years disabled styles
  • over 6 years show filename
wtf-forms open pull requests (View All Pulls)
  • Fix checkbox/radio behavior when text is selected in Chrome
  • changed input opacity to 0.01 so screen readers will navigate to inputs
  • Update license to 2015
  • Added style for disabled controls
  • print styles for check- and radioboxes
  • Firefox 30.0 dropdown fix
  • Add IE10 hack to make the arrow also clickable
  • Added pointer-events on checkboxes and radios
wtf-forms questions on Stackoverflow (View All Questions)
  • WTF forms: issue on populate_obj function with SQLAlchemy and PostgreSQL dbms
  • Flask WTF – Forms always redirect to root
  • Flask-RESTful with Flask-WTF forms integration
  • SelectField return value wtf-forms
  • Validating Select Fields in Flask WTF Forms
  • Flask WTF-forms adding select and textarea
  • TypeError: 'Required' object is not iterable Flask WTF Forms
  • ImportError when importing Flask WTF forms
wtf-forms list of languages used
wtf-forms latest release notes
v2.2.0 v2.2.0
  • #27: Add custom progress element.
  • #24: Set width: 100%; on <select> elements within the custom select menu.
  • #16, #20: Add :active states to radios and checkboxes.
v2.1.0 v2.1.0
  • Drop unicode characters for Open Iconic icons as embedded SVGs via base64. This gives us much more control over rendering and fixes glitches in nearly all browsers.
  • Also includes additional, optional icons. All together, four options are availablecheckmark, filled circle, ×, and –.
  • Improve <select> rendering in Firefox with #11.
v2.0.1 v2.0.1
  • Added bower.json.
  • Added user-select: none; to all generated controls.
  • Removed the just-added Changelog from the docs to right here in the releases.
Other projects in CSS
Powered by Autocode - Instant Webhooks, Scripts and APIs
Autocode logo wordmark