Add additional HTML elements to stylesheet

[blairliikala]

Add the additional types to the control panel stylesheet, such as <input type="search"> url date (and date's variations). Currently when adding these types they show unstyled. Only a few, such as text and textarea are shown correctly in the control panel. These additional types add better semantic value, and come with benefits for that type, but the lack of styling makes them less ideal to use.

Additionally style the read-only input property.

Add styling for the additional elements:

• <dl>
• <details> (and replace the show/hide field input, I have some styles for this one)
• <progress> (and replace the less semantic div progress bar)
• <menu>
• <dialog> (and change the modals and alerts to use it)

Increasing the use of the different HTML elements increases semantic markup, and improves accessibility.

[x] I am capable and would like to work on implementation of this feature if it is considered.

[intoeetive]

@blairliikala are you referring to the fact that if add-on is providing inputs for CP pages (such as custom fieldtypes), those don't have styles at all by default? (maybe a screenshot here would be useful)

[blairliikala]

The code for that is:

      $html = "<input type='text'><br />";
      $html .= "<input type='search'><br />";
      $html .= "<input type='date'>";

      return $html;

And yes on if an add-on is providing inputs, but also in the form service.

[blairliikala]

So within a ee:_shared/form array, if the type was url or search..etc. then it would be blank.

array(
   'title' => lang('test'),
   'desc' => lang('test_desc'),
   'fields' => array(
     'test_url' => array(
         'type' => 'url',
     )
   )
)