Untitled

<html><head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script></head>
<body>
<a href="">restart</a><br>
<?php
if(!empty($_REQUEST)) {
    echo sizeof($_REQUEST)." num request variables
    <pre>";
    var_export($_REQUEST);
    echo "</pre>";
}else {
    ?><h1>visible post form 1</h1>
    <form method="post" id="f" action=""><?
        for($i=0;$i<10;$i++) echo '<input type="hiddden" value="v'.$i.'<a>" name="v'.$i.'">';
        ?><input type="submit" name="sadosa">
    </form>
    <h1>hidden form 2</h1>
    <form method="post" id="f2"><?
        for($i=0;$i<10;$i++) echo '<input type="hidden" value="v'.$i.'&quot;a" name="v'.$i.'">';
        ?><textarea name="bla">blubb</textarea>
<select name="bla"><option>test</select>
<input type="submit">
    </form>
    <h1>get form 1</h1>
    <form method="get" id="g"><?
        for($i=0;$i<10;$i++) echo '<input type="hidden" value="v'.$i.'" name="v'.$i.'">';
        ?><input type="submit">
    </form>
    <?
}
?>
    <script>
    // this disables all form elements and creates only one new element that contains all data serialized
    $('form[method=post]').click(function() {
        var data=$(this).serialize();
        var num_form_elements=$(this).find('input, select, textarea').not('[type="submit"]').length;
        var num_elements_already_disabled=$(this).find('input:disabled, select:disabled, textarea:disabled').length;
        $(this).find('input, select, textarea').not('[type="submit"]').attr("disabled", true);
        $(this).append('    <input type="hidden" name="num_form_elements" value="'+num_form_elements+'">');  // to mark request
        $(this).append('    <input type="hidden" name="num_elements_already_disabled" value="'+num_elements_already_disabled+'">');  // to mark request
        $(this).append('    <input type="hidden" name="serialized_hidden_data" value="'+data+'">');  // maybe .replace(/"/g,'&quot;')
        // or use instead of a hidden input:
        //$(this).append('  <textarea style="display:none" name="serialized_data">'+(data)+'</textarea>'); // maybe .replace(/</g,'&lt;')

    });
    </script>
</body></html><?