Content - ce87abd9570be5001caff24ee7fdec7d1bec3a5a - 59a8c7b/html/semantics/forms/form-submission-0/form-data-set-usv-form.html

visit type:

Tip revision: e34fc8ca0e95655e1e449389e854ddf5d47f349c authored by Emilio Cobos Álvarez on 20 March 2018, 02:29:00 UTC
Make Shadow DOM account for stylesheet applicableness correctly.

Tip revision: e34fc8c

form-data-set-usv-form.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>This is the form that will be submitted</title>

<form action="form-echo.py" method="post" enctype="text/plain">
  <input id="input1" type="text">
  <select id="input2">
    <option selected>option
  </select>
  <input id="input3" type="radio" checked>
  <input id="input4" type="checkbox" checked>
</form>

<script>
"use strict";

const form = document.querySelector("form");

for (let el of Array.from(form.querySelectorAll("input"))) { // Firefox/Edge support
  el.name = el.id + "\uDC01";
  el.value = el.id + "\uDC01";
}

const select = document.querySelector("select");
select.name = select.id + "\uDC01";
select.firstElementChild.value = select.id + "\uDC01";
</script>

Browse the archive

https://github.com/web-platform-tests/wpt