Gist a PowerShell html form with all of the input types

all-form-input-types.html.ps1

<#
.SYNOPSIS
    A form with all input types 
.DESCRIPTION
    A example of a `<form>` with all html `<input>` types at time of writing
.NOTES
    This is mainly for copying, pasting, and testing.
    
    Please customize your form.    
 .EXAMPLE
    ./all-form-input-types.html.ps1 > ./all-form-input-types.html
#>
@'
<title>A Form With All Input Types</title>

<style>
input { display: block; }
</style>

<form method='post'>
    <label for='checkbox'>checkbox</label>
    <input type='checkbox' checked id='checkbox' name='checkbox'></input>
    
    <label for='color'>color</label>
    <input type='color' id='color' name='color'></input>
    
    <label for='date'>date</label>
    <input type='date' id='date' name='date'></input>
    
    <label for='datetime-local'>datetime-local</label>
    <input type='datetime-local' id='datetime-local' name='datetime-local'></input>
    
    <label for='email'>email</label>
    <input type='email' id='email' name='email'></input>
    
    <label for='file'>file</label>
    <input type='file' id='file' name='file'></input>
    
    <label for='hidden'>hidden</label>
    <input type='hidden' id='hidden' name='hidden' value='value'></input>
    
    <label for='number'>number</label>
    <input type='number' id='number' name='number'></input>
    
    <label for='password'>password</label>
    <input type='password' id='password' name='password'></input>
    
    <label for='radio-1'>radio-1</label>
    <input type='radio' id='radio-1' name='radio' value='radio-1'></input>    
    <label for='radio-2'>radio-2</label>
    <input type='radio' id='radio-2' name='radio' value='radio-2'></input>
    
    <label for='range'>range</label>
    <input type='range' id='range' name='range' min='0' max='100'></input>
    
    <label for='search'>search</label>
    <input type='search' id='search' name='search'></input>
    
    <label for='tel'>tel</label>
    <input type='tel' id='tel' name='tel'></input>
    
    <label for='text'>text</label>
    <input type='text' id='text' name='text'></input>
    
    <label for='time'>time</label>
    <input type='time' id='time' name='time'></input>
    
    <label for='url'>url</label>
    <input type='url' id='url' name='url'></input>

    <label for='week'>week</label>
    <input type='week' id='week' name='week'></input>

    <input type='reset' content='reset' />
    <input type='submit' content='submit' />
</form>
'@