"Fossies" - the Fresh Open Source Software Archive

Member "icingaweb2-2.11.4/doc/accessibility/text-cue-for-required-form-control-labels.html" (26 Jan 2023, 1156 Bytes) of package /linux/www/icingaweb2-2.11.4.tar.gz:

As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) HTML source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file. 
    1 <!doctype html>
    2 <html class="no-js" lang="en">
    3 <head>
    4     <meta charset="utf-8">
    5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6     <title>Accessibility: Text cue for required form control labels</title>
    7     <meta name="description" content="Text cue for required form control labels">
    8     <meta name="viewport" content="width=device-width, initial-scale=1">
    9     <style type="text/css">
   10         label.required span.required-indicator:after {
   11             content: " *";
   12         }
   13         .sr-only {
   14             border: 0;
   15             clip: rect(0 0 0 0);
   16             height: 1px;
   17             margin: -1px;
   18             overflow: hidden;
   19             padding: 0;
   20             position: absolute;
   21             width: 1px;
   22         }
   23     </style>
   24 </head>
   25 <body>
   26     <form>
   27         <label class="required">
   28             Enter some text
   29             <span class="required-indicator" aria-hidden="true"></span>
   30             <span class="sr-only"> (required)</span>
   31             <input type="text" name="some_text" value="" aria-required="true" required>
   32         </label>
   33         <input type="submit" name="btn_submit" value="Submit">
   34     </form>
   35 </body>
   36 </html>