Иногда возникает вопрос: как разместить на одной странице в одной форме кнопки (<button>) с одинаковым именем (атрибут name)? Возможно ли это? Давайте попробуем!
Разместим ниже код, создающий три кнопки с одинаковым именем, но с разными значениями (value):
<form name="my_form" method="post" action="адрес обработчика" enctype="multipart/form-data">
<div style='text-align: center; margin: 30px 0 20px 0;'>
<button name='btn' value='123' style='width:70px; height:30px; font-size:18px;'>123</button>
<button name='btn' value='456' style='width:70px; height:30px; font-size:18px;'>456</button>
<button name='btn' value='789' style='width:70px; height:30px; font-size:18px;'>789</button>
</div>
</form>
При нажатии на любую кнопку на сервер методом POST будет передаваться пара имя_кнопки -> значение, где имя в любом случае btn, а значение разное: оно соответствует надписи на кнопке; т.е. если вы "нажмёте" на кнопку 123, будет передано 123 и так далее. В этом вы можете убедиться, кликнув на любую кнопку:
Как видите, всё работает и никаких проблем не возникает!