PHP - Operaciones básicas con php dentro de un html

   
Vista:

Operaciones básicas con php dentro de un html

Publicado por Agustín Cabaña (1 intervención) el 03/03/2018 00:49:16
Hola, soy nuevo en html y quisiera saber si es posible realizar operaciones con php dentro de un archivo html, pero sin utilizar un servidor local. Es decir, abrir el archivo html en el navegador, ingresar los valores en un input, que en el mismo archivo haya un <?php operación ?> y me retorne el resultado en la misma u otra página. No sé si será posible. Mando el código en cuestión:

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>MRU</title>
	<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="../../static/css/estilos.css">
</head>
<body>
 
	<div id="particles-js"></div>
 
	<header>
		<div class="menu">
			<div class="contenedor">
				<div class="logo">Física I</div>
				<nav>
					<ul>
						<li><a href="../inicio.html">INICIO</a></li>
						<li><a href="../mru.html">MRU</a></li>
						<li><a href="../mruv.html">MRUV</a></li>
						<li><a href="../mcu.html">MCU</a></li>
						<li><a href="../mcuv.html">MCUV</a></li>
						<li><a href="../energia.html">ENERGÍA</a></li>
						<li><a href="../tiroparabolico.html">TIRO PARABÓLICO</a></li>
						<li><a href="../sistemasdefuerzas.html">SISTEMAS DE FUERZAS</a></li>
						<li><a href="../conversiondeunidades.html">CONVERSIÓN DE UNIDADES</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>
 
	<div class="texto">
		<br>
	</div>
 
	<div class="principal contenedor">
		<article>
			<h2 class="titulo"> Movimiento rectilíneo uniforme </h2>
			<br>
			<p> Cálculo de la distancia </p>
			<form action="#" method="POST">
				<table>
					<tr>
						<td>
							<input  size="14" type="number" name="tiempomru" placeholder="Tiempo [s]" maxlength="50" required>
						</td>
						<td>
							<b>
							<input  size="14" type="number" name="velocidadmru" placeholder="Velocidad [m/s]" maxlength="50" required>
							</b>
						</td>
					</tr>
				</table>
				<br>
				<div class="botonera">
					<input type="button" onclick="history.back()" value="Atrás">
					<input type="submit" name="enviar" value="Calcular">
				</div>
			</form>
			<?php
				$t = $_POST["tiempomru"];
				$v = $_POST["velocidadmru"];
				$d = $t*$v;
				echo "La distancia recorrida es de".$d."metros";
			?>
		</article>
	<div class="texto">
		<br>
	</div>
	<footer>
		<div class="menu">
			<div class="contenedor">
				<div class="logo"> </div>
				<nav>
					<ul>
						<li><a href="../contacto.html">CONTACTO</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</footer>
 
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="../../static/js/particles.js"></script>
	<script src="../../static/js/particulas.js"></script>
</body>
</html>

Supongo que o bien habrá un error en el código, o que lo que estoy tratando de hacer no se puede. Agradezco la ayuda. Saludos!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de syaf

Operaciones básicas con php dentro de un html

Publicado por syaf (10 intervenciones) el 06/03/2018 12:21:48

Hola, fijate si este código te sirve en lo que estás buscando:




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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>MRU</title>
	<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="../../static/css/estilos.css">
</head>
<body>
 
	<div id="particles-js"></div>
 
	<header>
		<div class="menu">
			<div class="contenedor">
				<div class="logo">Física I</div>
				<nav>
					<ul>
						<li><a href="../inicio.html">INICIO</a></li>
						<li><a href="../mru.html">MRU</a></li>
						<li><a href="../mruv.html">MRUV</a></li>
						<li><a href="../mcu.html">MCU</a></li>
						<li><a href="../mcuv.html">MCUV</a></li>
						<li><a href="../energia.html">ENERGÍA</a></li>
						<li><a href="../tiroparabolico.html">TIRO PARABÓLICO</a></li>
						<li><a href="../sistemasdefuerzas.html">SISTEMAS DE FUERZAS</a></li>
						<li><a href="../conversiondeunidades.html">CONVERSIÓN DE UNIDADES</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>
 
	<div class="texto">
		<br>
	</div>
 
	<div class="principal contenedor">
		<article>
			<h2 class="titulo"> Movimiento rectilíneo uniforme </h2>
			<br>
			<p> Cálculo de la distancia </p>
			<?php
			if(empty($_POST['enviar'])){
				?>
			<form action="#" method="POST">
				<table>
					<tr>
						<td>
							<input  size="14" type="number" name="tiempomru" placeholder="Tiempo [s]" maxlength="50" required>
						</td>
						<td>
							<b>
							<input  size="14" type="number" name="velocidadmru" placeholder="Velocidad [m/s]" maxlength="50" required>
							</b>
						</td>
					</tr>
				</table>
				<br>
				<div class="botonera">
					<input type="button" onclick="history.back()" value="Atrás">
					<input type="submit" name="enviar" value="Calcular">
				</div>
			</form>
			<?php
			}else{
				$t = $_POST["tiempomru"];
				$v = $_POST["velocidadmru"];
				$d = $t*$v;
				echo "La distancia recorrida es de ".$d." metros";
			}
			?>
		</article>
	<div class="texto">
		<br>
	</div>
	<footer>
		<div class="menu">
			<div class="contenedor">
				<div class="logo"> </div>
				<nav>
					<ul>
						<li><a href="../contacto.html">CONTACTO</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</footer>
 
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="../../static/js/particles.js"></script>
	<script src="../../static/js/particulas.js"></script>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar