Scribd
Upload
4 views

Function Doget

Uploaded by

WILLIAM HERNANDO LOPEZ HIDALGO
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

Function Doget

Uploaded by

WILLIAM HERNANDO LOPEZ HIDALGO
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

function doGet(){

var template= HtmlService. createTemplateFromFile('index');


var html = template.evaluate();
return html;

function include( fileName ){


return HtmlService.createHtmlOutputFromFile( fileName ).getContent();
}
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<?!= include('CSS')?>
</head>
<body>

<div calss ='container'>

<div id="login">

<div class="mb-4" id="headerText">


<h2>Login</h2> ////titulo en la pagina////
</div>

<form name="userLogin" id="userLogin" onsubmit="enviarFormulario(this)">

<div class="input-group mb-3 w-50">


<span class="input-group-text">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0
0-6 3 3 0 0 0 0 6Z"/>
</svg>
</span>
<input type="text" class="form-control" name="usuario" id="usuario"
placeholder="Usuarios*" required> ////campo ingreso usuario////
</div>

<div class="input-group mb-3 w-50">


<span class="input-group-text">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-lock-fill" viewBox="0 0 16 16">
<path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0
0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/>
</svg>
</span>
<input type="password" class="form-control" name="contrasena"
id="contrasena" placeholder="********" required> ////campo ingreso
contraseña////
</div>

<button type="submit" class="btn btn-primary"


id="submitButton">Login</button> "////boton para logearse///"
</form>

</div>
<div id="onError" hidden>
</div>

<div id="pagina2" hidden>


<h2>Bienvenid@<h2>
</div>
</div>

<?!= include('JS');?>
</body>
</html>
<!-- CSS only -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous">
<style>
body{
padding: 20px;
}
</style>

You might also like