Нужно сделать Таблицу в которой

@BigBoy_Vova · Регистрация: 07.12.2018

Студворк — интернет-сервис помощи студентам

Таблицы и формы я тип могу сделать, а объединить так чтобы с формы в таблицу не получается... таке не получается не как сохранить таблицу HTML в таблицу EXCEL и не получается сделать таблицу автосохраняемой либо сохраняемой по нажатию кнопки... Буду благодарен!
Суть вопроса :
1.Создать таблицу в HTML
2.Создать форму в html
3.Сделать так чтобы данные из формы помещалиcm в таблицу.
4.Сохранение таблицы и добавление строк из браузера (т. е. Я вот внес данные через браузер и я должен их там сохранить, чтобы после обновления странички данные обновились !)
5. Сделать так чтобы при нажати кнопки отправить таблица еще и записывалась в файл EXCEL.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<HTML> 
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>Главная (_____)</TITLE >
<body>
<form action="123.php" method="POST" name="FQ">
<table border="1"> <form method="post" action=""> 
<caption><Strong> Данные Студентов </strong></caption>
<tr><th>ФИО</th><th>Город</th><th>Специальность</th><th>Курс</th></tr>
<tr><td><input type="text" name="FIO" id="FIO" />
</td><td><input type="text" name="CITY" id="Gor" />
</td><td><input type="text" name="SPECIALNOST" id="SPEC" />
</td><td><input type="text" name="KURS" id="Kurs"/>
 
</table>
<input type="submit" name="submit" value="Save">
</form>
<p align="right">
<input type="button" onclick="history.back();" value="Назад"/>
</p>
<a href=Главная.html><p align="right">На главную</p></a>
</BODY>
</HTML>

PHP
1
2
3
4
5
6
7
<?php
$names = $_POST["FQ"];
$filename = "1.txt" ;
file = fopen ($filename, "a");
fwrite ($file, $names);
fclose ($file);
?>

Помогите прошу..

@BigBoy_Vova · 08.12.2018, 09:55 **[ТС]**

Исправил код теперь он выглядит так и нужно добавить только сохранение самой таблицы в файл EXCEL и сохранение таблицы в самом html.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<HTML> 
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>Главная (_____)</TITLE >
<H1 align="center">Данные студентов </h1>
<form method="POST" name="myForm">
<h4 align="justify">
<p ><strong>ФИО:</strong>
    <input type="text" name="A" />
    </p>
<p ><strong>Город:</strong>
    <input type="text" name="B" /> 
    </p>
    <p ><strong>Курс:</strong>
    <input type="text" name="C" />
    </p>
    <p ><strong>Специальность:</strong>
    <input type="text" name="D" />
    </p>
    <p ><strong>Адрес:</strong>
    <input type="text" name="E" />
    </p>
    <p ><strong>Номер телефона:</strong>
    <input type="text" name="F" />
    </p>
    <input type="button" value="Добавить строчку" onclick="addNewRow(this.form.A.value, this.form.B.value,
    this.form.C.value, this.form.D.value, this.form.E.value, this.form.F.value);" />
</form>
</h4>
<table id="myTable" value="save" border="2" align="center">
<tr><th>ФИО:</th><th>Город:</th><th>Курс:</th><th>Специальность:</th><th>Адрес:</th><th>Номер Телефона:</th></tr>
</table>
<head>
<body bgcolor="#DE7B98">
<script>
function addNewRow(val1, val2, val3, val4, val5, val6){
    var tbl = document.getElementById('myTable');
    var tblValue = tbl.innerHTML;
    tbl.innerHTML = tblValue + '<tr><td>'+val1+'</td><td>'+val2+'</td><td>'+val3+'</td><td>'+val4+'</td><td>' +val5+'</td><td>'+val6+'</td></tr>';
}
</script>
<script>
<?
if($_POST['G']){
    $html="<table align="middle">";
    $html.="<tr>";
    $html.="<td>";
    $html.=$_POST['A'];
    $html.="</td>";
    $html.="<td>";
    $html.=$_POST['B'];
    $html.="</td>";
    $html.="</tr>";
     $html.="<tr>";
    $html.="<td>";
    $html.=$_POST['C'];
    $html.="</td>";
    $html.="<td>";
    $html.=$_POST['D'];
    $html.="</td>";
    $html.="</tr>";
    $html.="<tr>";
    $html.="<td>";
    $html.=$_POST['E'];
    $html.="</td>";
    $html.="<td>";
    $html.=$_POST['F'];
    $html.="</td>";
    $html.="</tr>";
    $html.="</table>";
} else {
    $html.="<p>Форма сейчас пуста</p>";
}
echo $html;
?>
</script>
<p align="right">
<input type="button" onclick="history.back();" value="Назад"/>
</p>
<a href=Главная.html><p align="right">На главную</p></a>
</BODY>
</HTML>

Добавлено через 1 час 18 минут
Осталась одна маленькая загвоздка ,это автоматизировать с помощью сайта конвертацию полученного файла csv c кодировкой UTF-8 В XLSX с кодировкой кирилица 1251

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<HTML> 
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>Главная (_____)</TITLE >
<H1 align="center">Данные студентов </h1>
<form method="POST" name="myForm">
<h4 align="justify">
<p ><strong>ФИО:</strong>
    <input type="text" name="A" />
    </p>
<p ><strong>Город:</strong>
    <input type="text" name="B" /> 
    </p>
    <p ><strong>Курс:</strong>
    <input type="text" name="C" />
    </p>
    <p ><strong>Специальность:</strong>
    <input type="text" name="D" />
    </p>
    <p ><strong>Адрес:</strong>
    <input type="text" name="E" />
    </p>
    <p ><strong>Номер телефона:</strong>
    <input type="text" name="F" />
    </p>
    <input type="button" value="Добавить строчку" onclick="addNewRow(this.form.A.value, this.form.B.value,
    this.form.C.value, this.form.D.value, this.form.E.value, this.form.F.value);" />
</form>
</h4>
<table id="myTable" value="save" border="2" align="center">
<tr id="1"><th>ФИО:</th><th>Город:</th><th>Курс:</th><th>Специальность:</th><th>Адрес:</th><th>Номер Телефона:</th></tr>
</table>
</meta>
</head>
<body bgcolor="#DE7B98">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function addNewRow(val1, val2, val3, val4, val5, val6){
    var tbl = document.getElementById('myTable');
    var tblValue = tbl.innerHTML;
    tbl.innerHTML = tblValue + '<tr><td>'+val1+'</td><td>'+val2+'</td><td>'+val3+'</td><td>'+val4+'</td><td>' +val5+'</td><td>'+val6+'</td></tr>';
}
</script>
<script>
<?
if($_POST['G']){
    $html="<table align="middle">";
    $html.="<tr>";
    $html.="<td>";
    $html.=$_POST['A'];
    $html.="</td>";
    $html.="<td>";
    $html.=$_POST['B'];
    $html.="</td>";
    $html.="</tr>";
     $html.="<tr>";
    $html.="<td>";
    $html.=$_POST['C'];
    $html.="</td>";
    $html.="<td>";
    $html.=$_POST['D'];
    $html.="</td>";
    $html.="</tr>";
    $html.="<tr>";
    $html.="<td>";
    $html.=$_POST['E'];
    $html.="</td>";
    $html.="<td>";
    $html.=$_POST['F'];
    $html.="</td>";
    $html.="</tr>";
    $html.="</table>";
} else {
    $html.="<p>Форма сейчас пуста</p>";
}
echo $html;
?>
</script>
<script> 
 
function downloadCSV(csv, filename) {
    var csvFile;
    var downloadLink;
 
    // CSV file
    csvFile = new Blob([csv], {type: "text/csv"});
 
    // Download link
    downloadLink = document.createElement("a");
 
    // File name
    downloadLink.download = filename;
 
    // Create a link to the file
    downloadLink.href = window.URL.createObjectURL(csvFile);
 
    // Hide download link
    downloadLink.style.display = "none";
 
    // Add the link to DOM
    document.body.appendChild(downloadLink);
 
    // Click download link
    downloadLink.click();
}
</script>
<script>
function exportTableToCSV(filename) {
    var csv = [];
    var rows = document.querySelectorAll("table tr");
    
    for (var i = 0; i < rows.length; i++) {
        var row = [], cols = rows[i].querySelectorAll("td, th");
        
        for (var j = 0; j < cols.length; j++) 
            row.push(cols[j].innerText);
        
        csv.push(row.join(","));        
    }
 
    // Download CSV file
    downloadCSV(csv.join("\n"), filename);
}
</script>
<button onclick="exportTableToCSV('members.csv')">Экспорт в EXCEL</button>
<p align="right">
<input type="button" onclick="history.back();" value="Назад"/>
</p>
<a href=Главная.html><p align="right">На главную</p></a>
</meta>
</BODY>
</HTML>

Добавлено через 15 минут
Все последнее действие решилось вводом внешних данных в EXCEL

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .