問卷特色:一大堆問題最後出現你回答過的問題及答案,最主要客戶還可以自定問題.最後才送出表單....

這個不是「只要用 xxx 框架/工具」就可以開發出來
也不是「不用 xxx 語言/工具」就沒法子開發出來

此網站主要是用 java 程式語言開發
client 端有用 jquery

詳細使用的技術可以參考Netcraft Sitereport

直接檢視該網頁的原始檔
javascript 都沒有混亂過
「預覽」的程式碼如下

function show_preview(event) {
            event.preventDefault();

            var content = '<tr>' +
                    '<th style="width: 20%;">項目</th>' +
                    '<th style="width: 5%;">數量</th>' +
                    '<th style="width: 20%;">項目</th>' +
                    '<th style="width: 5%;">數量</th>' +
                    '<th style="width: 20%;">項目</th>' +
                    '<th style="width: 5%;">數量</th>' +
                    '<th style="width: 20%;">項目</th>' +
                    '<th style="width: 5%;">數量</th>' +
                    '</tr>';

            var num = 0, label = '', counter = 0, tr_counter = 0, tr_class = '';
            $(".default-furs input:text").each(function(){
                if( this.value != '' ){
                    label = $(this).parent().prev().text();
                    num = this.value;
                    if( counter % 4 == 0){
                        tr_class = (tr_counter % 2 == 0) ? 'tb_1' : 'tb_2';
                        content += '<tr class="' + tr_class + '">';
                    }
                    content += '<td>' + label + '</td><td>' + num + '</td>';

                    if( counter % 4 == 3 ){
                        content += '</tr>';
                        tr_counter++;
                    }
                    counter++;
                }
            });

            $("#cus_table tr:gt(0)").each(function(){
                var inputs = $(this).find('input');

                if( inputs[0].value != '' ){
                    if( counter % 4 == 0){
                        tr_class = (tr_counter % 2 == 0) ? 'tb_1' : 'tb_2';
                        content += '<tr class="' + tr_class + '">';
                    }
                    content += '<td>' + inputs[0].value + '</td><td>' + inputs[1].value + '</td>';

                    if( counter % 4 == 3 ){
                        content += '</tr>';
                        tr_counter++;
                    }
                    counter++;
                }
            });

            if( counter % 4 > 0 ){
                for(var i = 4; i > (counter % 4); i--){
                    content += '<td>&nbsp;</td><td>&nbsp;</td>';
                }
            }
            if( counter % 4 == 3 ){
                content += '</tr>';
            }

            $('#furs_body').html(content);

            $('#furniture_table').hide();
            $('#preview_table').show();
        }

那您沒看完...不一樣...一大堆問題最後出現你回答過的問題及答案,最主要客戶還可以自定問題,最後才送出表單,jquery套件可以做客戶自訂問題..

我不知道你對 form 的定義是什麼

但我認為這就是一般的 form

然後沒有什麼東西或功能

是一定要用 jquery 才能做出來的

以下範例為

純 js + bootstrap

codepen

當然

用 vue 或 react

code 會更簡潔

但

不是這裡討論的範圍就是XD