Formulario de sumas - Curso de PHP y MySQL - Capítulo 10

Seguimos con el formulario del capítulo anterior. Esta vez vamos a modificarlo un poco para que realice sumas.

Etiquetas html

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Curso de PHP y MySQL</title>
	<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
	crossorigin="anonymous">
</head>
<body style="margin:1em">

	<form class="form-horizontal" method="post">
		<fieldset>

			<!-- Título del formulario -->

			<legend style="margin:0.6em">Formulario de Suma</legend>

			<!-- Número 1 -->
			<div class="form-group">
				<label class="col-md-4 control-label">Número 1</label>
				<div class="col-md-4">
					<input id="numero1" name="numero1" type="text"
					placeholder="Escribe un número" class="form-control input-md"
					required="">
				</div>
			</div>

			<!-- Número 2 -->
			<div class="form-group">
				<label class="col-md-4 control-label">Número 2</label>
				<div class="col-md-4">
					<input id="numero2" name="numero2" type="text"
					placeholder="Escribe un número" class="form-control input-md"
					required="">
				</div>
			</div>

			<!-- Botón de envío -->
			<div class="form-group">
				<label class="col-md-4 control-label"></label>
				<div class="col-md-4">
					<button id="suma" name="sumar" class="btn btn-success">Sumar</button>
				</div>
			</div>

		</fieldset>
	</form>

	<div style="margin-left:1em">
		<?php
			
		?>
	</div>
</body>
</html>

Formulario de suma en PHP

Ahora, comencemos a escribir el código para realizar un formulario que pueda sumar.

Código PHP

$numero1 = $_POST["numero1"]?? null;
$numero2 = $_POST["numero2"]?? null;

$suma = $numero1 + $numero2;

if($_POST){
	echo "El resultado de la suma es ".$suma.".";
}

Perfectamente, puedes adaptar este formulario para que realice el resto de operaciones aritméticas que te mostré en un capítulo anterior.

Resultado en el navegador

El resultado es que opera correctamente. Da igual el tipo de dato que introduzcamos que PHP entiende el contexto y lo hace correctamente. Si introducimos dos enteros, la suma nos devuelve un integer, si hay al menos un decimal, un double.

Formulario de suma en PHP