Tengo un formulario alojado en Linux que tiene distintos campos (nombre, email y checkbox). Los datos que se recojan del formulario van a una base de datos SQL alojada en Windows. Ambos servidores están en la misma red, por lo que para hacer este paso de introducir los datos del formulario en la bd, utilicé este código:
<?php
$con = mysqli_connect("192.168.0.3", "vmb", "vmb2", "logytel") or die ("Problemas al conectar");
$resultado = mysqli_query($con, "SELECT * FROM prueba");
$fila = $resultado->fetch_assoc()
echo $fila['nombre'];
echo $fila['instalacion'];
echo $fila['email'];
echo $fila['fallo_fisico'];
?>
<!DOCTYPE html>
<html>
<head>
<title>Formulario</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<div class="form">
<form method="POST" id="formulario" name="formulario" role="form" action="guardar.php">
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<br><br>
<br><label for="nombre">Su nombre</label>
<input type="text" name="nombre" placeholder="Nombre" required class="form-control">
</div>
<div class="col-md-6">
<a title="Logytel" href="http://logytel.es"><img class="logytel" src="https://i2.wp.com/logytel.es/wp-content/uploads/2018/06/cropped-LOGO_Logytel_2012_R_485C_24x10_8_Blanco.png" alt="Logytel" /></a>
</div>
</div>
</div>
<br><p>¿El equipo está correctamente instalado?</p>
<div class="row">
<div class="col-md-12">
<div class="col-md-2">
<br><label class="container">Sí
<input type="checkbox" name="instalacion" value="1"> <br>
<span class="checkmark"></span>
</div>
<div class="col-md-3">
<br><label class="container">No
<input type="checkbox" name="instalacion" value="0"> <br>
<span class="checkmark"></span>
</div>
<div class="col-md-7">
<br><br>
<br><label for="email">Correo electrónico</label>
<input type="email" name="email" placeholder="[email protected]" required class="form-control">
</div>
</div>
</div>
<p>¿El equipo tiene algún fallo físico?</p>
<div class="row">
<div class="col-md-12">
<div class="col-md-2">
<br><label class="container">Sí
<input type="checkbox" name="fallo_fisico" value="1"> <br>
<span class="checkmark"></span>
</div>
<div class="col-md-3">
<br><label class="container">No
<input type="checkbox" name="fallo_fisico" value="0"> <br>
<span class="checkmark"></span>
</div>
</div>
</div>
<button id="myBtn" class="button" input type="submit" value="Enviar" name="resultado">Enviar</button>
</form>
</div>
<script>
var x, i, j, selElmnt, a, b, c;
/*look for any elements with the class "custom-select":*/
x = document.getElementsByClassName("custom-select");
for (i = 0; i < x.length; i++) {
selElmnt = x[i].getElementsByTagName("select")[0];
/*for each element, create a new DIV that will act as the selected item:*/
a = document.createElement("DIV");
a.setAttribute("class", "select-selected");
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
x[i].appendChild(a);
/*for each element, create a new DIV that will contain the option list:*/
b = document.createElement("DIV");
b.setAttribute("class", "select-items select-hide");
for (j = 1; j < selElmnt.length; j++) {
/*for each option in the original select element,
create a new DIV that will act as an option item:*/
c = document.createElement("DIV");
c.innerHTML = selElmnt.options[j].innerHTML;
c.addEventListener("click", function(e) {
/*when an item is clicked, update the original select box,
and the selected item:*/
var y, i, k, s, h;
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
h = this.parentNode.previousSibling;
for (i = 0; i < s.length; i++) {
if (s.options[i].innerHTML == this.innerHTML) {
s.selectedIndex = i;
h.innerHTML = this.innerHTML;
y = this.parentNode.getElementsByClassName("same-as-selected");
for (k = 0; k < y.length; k++) {
y[k].removeAttribute("class");
}
this.setAttribute("class", "same-as-selected");
break;
}
}
h.click();
});
b.appendChild(c);
}
x[i].appendChild(b);
a.addEventListener("click", function(e) {
/*when the select box is clicked, close any other select boxes,
and open/close the current select box:*/
e.stopPropagation();
closeAllSelect(this);
this.nextSibling.classList.toggle("select-hide");
this.classList.toggle("select-arrow-active");
});
}
function closeAllSelect(elmnt) {
/*a function that will close all select boxes in the document,
except the current select box:*/
var x, y, i, arrNo = [];
x = document.getElementsByClassName("select-items");
y = document.getElementsByClassName("select-selected");
for (i = 0; i < y.length; i++) {
if (elmnt == y[i]) {
arrNo.push(i)
} else {
y[i].classList.remove("select-arrow-active");
}
}
for (i = 0; i < x.length; i++) {
if (arrNo.indexOf(i)) {
x[i].classList.add("select-hide");
}
}
}
/*if the user clicks anywhere outside the select box,
then close all select boxes:*/
document.addEventListener("click", closeAllSelect);
</script>
</body>
</html>
Entonces estuve buscando el cómo hacerlo al revés. Introducir un campo, por ejemplo, un select, para que aparezcan los datos registrados en la base de datos. He estado buscando, pero solo encuentro la parte php-sql y no al revés.
Pondré un ejemplo práctico para que se me entienda mejor: Tengo un formulario que utilizarán los trabajadores que salgan de la empresa a revisar los equipos. En el campo Para ahorrarle trabajo al empleado, se introducirá un campo en el que puedan escribir parte de su nombre y automáticamente, conectado a la bd correspondiente, le aparezca su nombre como sugerencia a introducir.
Version de PHP: 7 MySQL Server Windows Formulario alojado en Fedora 28 Base de datos alojada en Windows Server 2008r2