JSFiddle - React, Tailwind, and code Playground

by kanonji

HTML

<form action="http://localhost:8000" method="post">
    <select name="select[]">
        <option value="select1">Select1</option>
        <option value="select2">Select2</option>
        <option value="select3">Select3</option>
    </select>
    <select name="select[]">
        <option value="select4">Select4</option>
        <option value="select5">Select5</option>
        <option value="select6">Select6</option>
    </select>
    <input type="text" name="text[]" value="text1">
    <input type="text" name="text[]" value="text2">
    <label><input type="checkbox" name="checkbox[]" value="checkbox1" checked>Checkbox1</label>
    <label><input type="checkbox" name="checkbox[]" value="checkbox2" checked>Checkbox2</label>
    <label><input type="checkbox" name="checkbox[]" value="checkbox3" checked>Checkbox3</label>
    <input type="submit" value="送信"/>
</form>

JavaScript

/*
POST / HTTP/1.1
Host: localhost:8000
Connection: keep-alive
Content-Length: 150
Cache-Control: max-age=0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Origin: http://fiddle.jshell.net
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/537.22 (KHTML, like Gecko) Chrome/25.0.1364.172 Safari/537.22
Content-Type: application/x-www-form-urlencoded
Referer: http://fiddle.jshell.net/_display/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: ja,en-US;q=0.8,en;q=0.6
Accept-Charset: UTF-8,*;q=0.5

select%5B%5D=select1&select%5B%5D=select4&text%5B%5D=text1&text%5B%5D=text2&checkbox%5B%5D=checkbox1&checkbox%5B%5D=checkbox2&checkbox%5B%5D=checkbox3
*/
/*
select[]=select1&select[]=select4&text[]=text1&text[]=text2&checkbox[]=checkbox1&checkbox[]=checkbox2&checkbox[]=checkbox3
*/