La pagina è dinamica. Ti posto l'html:
codice:
<!DOCTYPE html>
<html lang="it">
<head>
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Applicazione web per la gestione di coordinate spaziotemporali">
<meta name="keywords" content="HTML,CSS,Java,Maven,JavaScript">
<meta name="author" content="Nome Cognome">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Esercitazione 1</title>
<!-- Librerie JS & CSS -->
<script src="/librerie/jquery-3.3.1.min.js"></script>
<!--
<script src="/librerie/bootstrap.min.js"></script>
<link href="/librerie/bootstrap.min.css" rel="stylesheet" media="screen">
-->
<!-- assenti... -->
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="/css/roboto_font.css">
<link rel="stylesheet" type="text/css" href="/css/tema.css">
<!-- JS -->
<script src="/js/index.js"></script>
</head>
<body class="stile_pagina">
<!-- Inserimento nella pagina di login il form che rimanda alla servlet di autenticazione. -->
<h4>Pagina di login</h4>
<div>
<p>Inserire nei campi sottostanti la tua 'user ID' e la tua 'password':</p>
<div class="respform">
<form action="/autenticazione.jsp" method="POST">
<label>User ID:</label>
<p class="">
<input type="text" name="UserID" value=""
class="UserID">
</p>
<label>Password:</label>
<p class="">
<input type="password" name="Password" value="" class="">
</p>
<p><input type="submit" value="Login" class=""></p>
</form>
</div>
</div>
<div class="grigio-50">
<p>L'applicazione ha i seguenti utenti registrati:</p>
<p>User 1: <strong>Topolino</strong> Password: <strong>p1</strong></p>
<p>User 2: <strong>Pippo</strong> Password: <strong>p2</strong></p>
<p>User 3: <strong>Pluto</strong> Password: <strong>p3</strong></p>
<p>User 4: <strong>Paperino</strong> Password: <strong>p4</strong></p>
</div>
<div>
<p>Nome Cognome | © 2018, <a target="_blank" href="/policy_privacy.pdf">Policy Privacy</a>
, il tuo IP: 192.168.56.1</p>
</div>
</body>
</html>