Não sei ao certo se é uma boa pratica deixar dois forms
. Mas o que acontece é que a tag form por default tem display:block
, por isso os botões ficam separadas um em cada linha.
No CSS vc pode mudar colocando uma classe na .Row
que tem os dois forms
e colocando como display:inline
por exemplo.
.form-btn form {
display: inline;
}
<link rel="stylesheet" type="text/css" media="screen" href="https://www.w3schools.com/w3css/4/w3.css" />
<div class="w3-row-padding form-btn">
<form action="editar_admin.php" method="POST">
Nome: <input required type="text" name="nome" value="<?php echo $rowa['username_Admin']; ?>"style="width: 300px;">
Email: <input required type="email" name="email" value="<?php echo $rowa['email']; ?>"style="width: 300px;">
Senha: <input required type="password" name="password" value="<?php echo $rowa['password_Admin']; ?>"style="width: 300px;">
<input class="btn" type="submit" name="submit" value="Confirmar a modificação">
</form>
<form action="eliminar_admin.php" method="POST">
<input class="btn" type="submit" name="submit" value="Eliminar utilizador">
</form>
</div>
Opção 2 colocando os botões fora do form
Vc pode usar o atributo form="nome-ID"
para determinar a qual form
um submit
vai se referir. Para isso v coloca um ID na tag <form id="nome-ID">
e no <input>
vc coloca form="nome-ID"
O elemento <form>
ao qual o elemento <input>
está associado (seu formulário dono). O valor do atributo deve ser um id de um elemento <form>
. Este atributo permite que você coloque elementos <input>
em qualquer lugar num documento, não apenas como descendentes de seus elementos <form>
. Um <input>
só pode estar associado a um único formulário.
Aqui vc pode ler mais sobre essa técnica https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/input#attr-form
<link rel="stylesheet" type="text/css" media="screen" href="https://www.w3schools.com/w3css/4/w3.css" />
<div class="w3-row-padding form-btn">
<form id="form-n1" action="editar_admin.php" method="POST">
Nome: <input required type="text" name="nome" value="<?php echo $rowa['username_Admin']; ?>"style="width: 300px;">
Email: <input required type="email" name="email" value="<?php echo $rowa['email']; ?>"style="width: 300px;">
Senha: <input required type="password" name="password" value="<?php echo $rowa['password_Admin']; ?>"style="width: 300px;">
</form>
<form id="form-n2" action="eliminar_admin.php" method="POST">
</form>
<input form="form-n1" class="btn" type="submit" name="submit" value="Confirmar a modificação">
<input form="form-n2" class="btn" type="submit" name="submit" value="Eliminar utilizador">
</div>