123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Example page for HTML form handling</title>
- </head>
- <body>
- <!-- HTML forms can use GET or POST, and the encoding can be application/x-www-form-urlencoded or multipart/form-data.
- If no method is specified (like <form method="method">), GET should be the default method.
- If no encoding is specified, application/x-www-form-urlencoded should be the default.
- Submit buttons may overwrite action, method and enctype by using formaction, formmethod and formenctype.
- References:
- http://www.w3.org/TR/html401/interact/forms.html
- http://www.w3schools.com/html/html_forms.asp,
- http://www.w3schools.com/html/html_form_attributes.asp
- http://www.w3.org/TR/html401/interact/forms.html#adef-enctype
- -->
- <form action="/handle_form.embedded_c.example.callback">
- See <a href="http://www.w3schools.com/html/html_form_input_types.asp">HTML form tutorial</a>
- and <a href="http://www.w3.org/TR/html401/interact/forms.html">HTML spec</a>.<br />
- <fieldset>
- <legend>Text inputs:</legend>
- A text: <input type="text" name="textin"><br />
- A password: <input type="password" name="passwordin"><br />
- </fieldset>
- <fieldset>
- <legend>Radio set 1:</legend>
- <input type="radio" name="radio1" value="val1" checked>val1<br />
- <input type="radio" name="radio1" value="val2">val2<br />
- <input type="radio" name="radio1" value="val3">val3<br />
- </fieldset>
- <fieldset>
- <legend>Radio set 2:</legend>
- <input type="radio" name="radio2" value="val1" checked>val1<br />
- <input type="radio" name="radio2" value="val2">val2<br />
- <input type="radio" name="radio2" value="val3">val3<br />
- </fieldset>
- <fieldset>
- <legend>Checkboxes:</legend>
- <input type="checkbox" name="check1" value="val1" checked>val1<br />
- <input type="checkbox" name="check2" value="val2">val2<br />
- <input type="checkbox" name="check3" value="val3">val3<br />
- </fieldset>
- <fieldset>
- <legend>HTML5 inputs:</legend>
- A number: <input type="number" name="numberin" min="1" max="5"><br />
- A date: <input type="date" name="datein"><br />
- A color: <input type="color" name="colorin"><br />
- A range: <input type="range" name="rangein" min="1" max="5"><br />
- A month: <input type="month" name="monthin"><br />
- A week: <input type="week" name="weekin"><br />
- A time: <input type="time" name="timein"><br />
- A datetime: <input type="datetime" name="datetimen"><br />
- A datetime-local: <input type="datetime-local" name="datetimelocalin"><br />
- An email: <input type="email" name="emailin"><br />
- A search: <input type="search" name="searchin"><br />
- A tel: <input type="tel" name="telin"><br />
- An url: <input type="url" name="urlin"><br />
- </fieldset>
- <fieldset>
- <legend>Files:</legend>
- A file: <input type="file" name="filein"><br />
- Multiple files: <input type="file" name="filesin" multiple><br>
- </fieldset>
- <fieldset>
- <legend>Dropdown:</legend>
- <select name="selectin">
- <option value="opt1">opt1</option>
- <option value="opt2">opt2</option>
- <option value="opt3">opt3</option>
- </select>
- </fieldset>
- <fieldset>
- <legend>Text area:</legend>
- <textarea name="message" rows="10" cols="30">Text area default text.</textarea>
- </fieldset>
- <fieldset>
- <legend>Submit:</legend>
- <fieldset>
- <legend>Submit to Lua script:</legend>
- This will only work if server side Lua scripting is activated and /handle_form.lua can be found on the server.
- <br>
- <input type="submit" value="Submit" formmethod="POST" formenctype="multipart/form-data"
- formaction="/handle_form.lua">
- </fieldset>
- <fieldset>
- <legend>Submit to callback:</legend>
- This will work in the embedded_c example. It will call mg_handle_form_data to parse the request.
- <br>
- <input type="submit" value="Submit (form default)">
- <input type="submit" value="Submit (GET)" formmethod="GET">
- <input type="submit" value="Submit (POST)" formmethod="POST">
- <input type="submit" value="Submit (POST, url-encoded)" formmethod="POST" formenctype="application/x-www-form-urlencoded">
- <input type="submit" value="Submit (POST, form-data)" formmethod="POST" formenctype="multipart/form-data">
- </fieldset>
- </fieldset>
- </form>
- </body>
- </html>
|