Scribd
Upload
3 views2 pages

App HTML

Uploaded by

alam ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views2 pages

App HTML

Uploaded by

alam ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

form {
max-width: 600px;
width: 100%;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

label {
display: block;
margin-bottom: 8px;
}

input,
select {
width: 100%;
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
}

button {
background-color: #4caf50;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
}
</style>
<title>Responsive Form</title>
</head>
<body>

<form id="myForm">
<label for="nom">Nom:</label>
<input type="text" id="nom" name="nom" required>

<label for="prenom">Prénom:</label>
<input type="text" id="prenom" name="prenom" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="telephone">Téléphone:</label>
<input type="tel" id="telephone" name="telephone" required>

<label for="passportImage">Image Passport:</label>


<input type="file" id="passportImage" name="passportImage" accept="image/*"
required>

<label for="image">Image:</label>
<input type="file" id="image" name="image" accept="image/*" required>

<label for="video">Vidéo:</label>
<input type="file" id="video" name="video" accept="video/*" required>

<button type="submit">Envoyer</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(e) {
e.preventDefault();
// You can add form submission logic here
alert('Form submitted!');
});
</script>

</body>
</html>

You might also like