Comunidad de diseño web y desarrollo en internet online

Ejecutar un botón para abrir spreadsheets

Citar            
MensajeEscrito el 22 Feb 2020 03:51 pm
Estimados amigos del foro, soy nuevo en este foro, y en código html, demasiado básico en conocimiento.
He conseguido hacer que con código html poder que se vea un usuario, caja para pasword y un botón
Me gustaría poder hacer que al dar click en el botón Abrir Archivo de Notas, se incruste o se vea la hoja de calculo o Spreadsheets de mi nube googledrive.
Como puedo lograr esto??

Aqui pego el codigo que hasta el momento tengo...

Código HTML :

<!doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>CONSULTAR NOTA</title>
   <style type="text/css">
   *{
   margin:0px;
   padding:0px;
   }

   body{
      background:url(bg.png) #2b2b2a; /* #2b2b2a */
      background-position:center;
   }
   
   form{
   background:#333333;
   width:360px;
   border:1px solid #4e4d4d;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   box-shadow:inset 0 0 10px #000;
   margin:100px auto;
   }

   form h1 {
   text-align:center;
   color:#fff;
   font-weight:normal;
   font-size:40pt;
   margin:30px 0px;
   /* font-family:"Pinyon Script", cursive; */
   }

   form input {
   width:300px;
   height:35px;
   padding:0px 10px;
   margin:10px 30px;
   color:#6d6d6d;
   text-align:center;
   }

   form button{
   width:140px;
   margin:20px 0px 30px 120px;
   height:50px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c3c3c+0,f3f2f4+32,f3f2f4+65,2a2828+100 */
background: #3c3c3c; /* Old browsers */
background: -moz-linear-gradient(top,  #3c3c3c 0%, #f3f2f4 32%, #f3f2f4 65%, #2a2828 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3c3c3c 0%,#f3f2f4 32%,#f3f2f4 65%,#2a2828 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3c3c3c 0%,#f3f2f4 32%,#f3f2f4 65%,#2a2828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#2a2828',GradientType=0 ); /* IE6-9 */
   
   border:1px solid #232323;
   color: #000; /* el color blanco es #fff */
   box-shadow:0px 2px 0px #000;
   -moz-shadow:0px 2px 0px #000;
   -webkit-shadow:0px 2px 0px #000;
   
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   }
   form button:hover {
   background:#3a3a3a;
   }

   form button:act {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a2828+0,f3f2f4+35,f3f2f4+68,3c3c3c+100 */
background: #2a2828; /* Old browsers */
background: -moz-linear-gradient(top,  #2a2828 0%, #f3f2f4 35%, #f3f2f4 68%, #3c3c3c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2a2828 0%,#f3f2f4 35%,#f3f2f4 68%,#3c3c3c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2a2828 0%,#f3f2f4 35%,#f3f2f4 68%,#3c3c3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2828', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
   }

</style>
</head>
<body>
   <form>
      <hl>CONSULTAR NOTA</h1>
      <input type="text" max-length="20" placeholder="Ingrese su usuario"/>
      <input type="password" max-length="20" placeholder="Ingrese su clave"/>
      <!-- /* <button type="button">Registrarse</button> */ -->
      <button type="submit">Abrir archivo de Notas</button>
   </form>
</body>
</html>

Agradezco anticipadamente toda su colaboración

Por Visor

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 24 Feb 2020 03:14 am
Estimados amigos del foro agradezco las lecturas que le hayan hecho a mi tema, ya he logrado tener una aproximación de la respuesta. Así que cierro el presente tema.

Por Visor

1 de clabLevel



 

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.