Add autofocus attribute to HTML input forms as appropriate

www-zola/content/decode.md

@@ -8,7 +8,7 @@ description = "Decode a DRM PSSH box directly in your browser (WASM)."
   <input id="pssh" class="form-input" name="pssh"
     data-tooltip="The PSSH box (DRM initialization data)"
     pattern="\s*[A-Za-z0-9\-\+\/]*={0,3}\s*"
-    placeholder="PSSH..." required />
+    placeholder="PSSH..." required autofocus />
   <fieldset>
     <legend>Input format:</legend>
       <label><input type="radio" name="fmt" id="fmt_base64" checked />Base64 (normal format in an <tt>mpd</tt> manifest)</label>

www-zola/content/fetch-init.md

@@ -6,7 +6,7 @@ description = "Fetch PSSH data from a DASH initialization segment."
 
 <form>
    <fieldset role="group">
-      <input id="url" type="url" placeholder="https://server.com/init.mp4"/>
+      <input id="url" type="url" placeholder="https://server.com/init.mp4" autofocus />
       <button id="go"
          data-tooltip="Fetch MP4 segment and decode any PSSH boxes"
          data-placement="left">Fetch</button>

www-zola/content/generate.md

@@ -13,7 +13,7 @@ in Base 64 format.
       <label data-tooltip="Key ID (32 hex characters)">Key ID or KID (required argument)
         <input id="kid" type="text" minlength="32" maxlength="36"
         pattern="[0-9ABCDEFabcdef]{8}-?[0-9ABCDEFabcdef]{4}-?[0-9ABCDEFabcdef]{4}-?[0-9ABCDEFabcdef]{4}-?[0-9ABCDEFabcdef]{12}" 
-        required />
+        required autofocus />
       </label>
   </article>
 

www-zola/content/get-license.md

@@ -9,7 +9,7 @@ implemented in WebAssembly and runs fully inside your web browser, meaning:
 
 - from a software hygiene perspective, the code is running **safely sandboxed** by your web browser
 
-- it doesn't require any software installation on your computer
+- it doesn’t require any software installation on your computer
 
 - the license request is sent from your browser, so should be using any cookies that have been set
   for the license URL. It will respect any proxy settings and browser-based VPNs that you have set
@@ -53,7 +53,7 @@ and https://reference.dashif.org/dash.js/latest/samples/drm/license-wrapping.htm
     <input id="pssh" class="form-input" name="pssh"
       data-tooltip="The PSSH box (DRM initialization data)"
       pattern="\s*[A-Za-z0-9\-\+\/]*={0,3}\s*" placeholder="PSSH..." 
-      required aria-invalid="true" />
+      required aria-invalid="true" autofocus />
     <small>The DRM initialization data (PSSH box). Make sure this contains no spaces.</small>
   </label>
   <label>License server URL (required)
@@ -72,7 +72,7 @@ and https://reference.dashif.org/dash.js/latest/samples/drm/license-wrapping.htm
     <small>Your quest to obtain a valid CDM (Widevine device file) is not something that we can 
     help you with here. Those who seek guidance often ask their favorite search engine. Please note
     that your WVD stays on your local machine; it is not uploaded anywhere (verify this by checking
-  the network requests made by this page, in the browser’s Web Developer tools).</small>
+    the network requests made by this page, in the browser’s Web Developer tools).</small>
   </label>
   <button id="go" data-tooltip="Request the decryption keys" disabled>Request license</button>
 </form>
@@ -106,9 +106,9 @@ dict.
 
 ### Limitations
 
-Some DRM license servers require specific information as a “payload” of the `POST` request made to
+Some DRM license servers require specific information as a “payload” (body) of the `POST` request made to
 the license server, in addition to or instead of specific HTTP headers. This tool doesn’t currently
-support sending a `POST` payload.
+support sending a `POST` payload body.
 
 
 ### About