hercioneto

pw1-2017 numeros.html

Oct 5th, 2017
197
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.30 KB | None | 0 0
  1. <!--
  2. Criar um formulário chamado numeros.html contendo
  3. Um campo de texto para o número 1, um campo de texto
  4. para o número 2 e um campo de texto a ser digitado a
  5. operação desejada ( + - * /)
  6. O formulário deve ser enviado para calculadora.php com
  7. os dados via POST -->
  8. <!DOCTYPE HTML>
  9. <!-- Arquivo: numeros.html -->
  10. <html>
  11.     <head>
  12.         <meta charset="utf-8"/>
  13.         <title> Calculadora</title>
  14.         <style>
  15.         label { font-size: 14px; color: #666;
  16.         padding-left:6px;
  17.         width:125px;
  18.         text-transform: uppercase;
  19.         display:inline-block;  
  20.         margin-bottom: 10px;
  21.         }
  22.         input {
  23.         font-size: 16px; color: #999;
  24.         width:100px;
  25.         padding-left:10px;
  26.         margin-bottom: 10px;
  27.         }
  28.         </style>
  29.     </head>
  30. <body>
  31. <h1> CALCULADORA:</h1>
  32. <form action="calculadora.php" method="post">
  33. <h2>Informe os dados:</h2>
  34. <label for="n1">Número 1:</label>
  35. <input type="number" name="n1" required/>
  36. <br/>
  37. <label for="n2">Número 1:</label>
  38. <input type="number" name="n2" required/>
  39. <br/>
  40. <label for="opt">Operação:</label>
  41. <select name="opt">
  42.     <option value="+">Adição</option>
  43.     <option value="-">Subtração</option>
  44.     <option value="*" selected>Multiplicação</option>
  45.     <option value="/">Divisão</option>
  46. </select>
  47. <br/>
  48. <p><input type="submit" value="Calcular" name="submit">
  49. <p/>
  50. </form>
  51. </body>
  52. </html>
Advertisement
Add Comment
Please, Sign In to add comment