IssueRaiser

<input type=checkbox switch>

This is a feature request on the behalf of all web developers targeting mobile. Here are reasons the toggle switch element should be natively available in HTML forms: * Switch is a standard and popular UI control in both [Android](https://developer.android.com/reference/android/widget/Switch) and [iOS](https://developer.apple.com/design/human-interface-guidelines/ios/controls/switches/) mobile platforms. * Checkbox is used in websites due to the absence of the switch. Checkbox is absent from iOS and is not considered a good part of the human interface for forms on mobile. Checkbox has a smaller hit area than switches. * Switch is very popular in UI frameworks that have been providing this as a component to use - [Material Design](https://material.io/design/components/selection-controls.html#switches), [Bootstrap](http://www.bootstraptoggle.com/), [React Native](https://facebook.github.io/react-native/docs/switch.html) * Switches are non-trivial to implement properly in CSS. See [Codepen](https://codepen.io/mburnette/pen/LxNxNg), [W3Schools](https://www.w3schools.com/howto/howto_css_switch.asp). Most frameworks that are provided to generate HTML on the server do not have a switch causing developers, especially enterprise using checkbox in the place of a switch. PWAs without switches appear non-native on mobile platforms. * Implementing switches should have no performance overhead for the browsers (separate component in the UI). I am happy to help writing a spec for the `<inp

Posted by atishay on Nov 19, 2018, 2:59 PM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.4,000 issues0 comments

ux (Sysadmin)

<input type=checkbox switch>

atishayNov 19, 2018, 2:59 PM

This is a feature request on the behalf of all web developers targeting mobile. Here are reasons the toggle switch element should be natively available in HTML forms: * Switch is a standard and popular UI control in both [Android](https://developer.android.com/reference/android/widget/Switch) and [iOS](https://developer.apple.com/design/human-interface-guidelines/ios/controls/switches/) mobile platforms. * Checkbox is used in websites due to the absence of the switch. Checkbox is absent from iOS and is not considered a good part of the human interface for forms on mobile. Checkbox has a smaller hit area than switches. * Switch is very popular in UI frameworks that have been providing this as a component to use - [Material Design](https://material.io/design/components/selection-controls.html#switches), [Bootstrap](http://www.bootstraptoggle.com/), [React Native](https://facebook.github.io/react-native/docs/switch.html) * Switches are non-trivial to implement properly in CSS. See [Codepen](https://codepen.io/mburnette/pen/LxNxNg), [W3Schools](https://www.w3schools.com/howto/howto_css_switch.asp). Most frameworks that are provided to generate HTML on the server do not have a switch causing developers, especially enterprise using checkbox in the place of a switch. PWAs without switches appear non-native on mobile platforms. * Implementing switches should have no performance overhead for the browsers (separate component in the UI). I am happy to help writing a spec for the `<inp

Comments (0)

No comments yet. Start the discussion.

Comment on this issue