Maison >interface Web >tutoriel HTML >En HTML, que signifie enctype='multipart/form-data' ?
En HTML, que signifie enctype='multipart/form-data' ?
- PHPzavant
- 2023-08-22 08:53:221541parcourir
Utilisez l'attribut enctype pour spécifier comment le navigateur encode les données avant de les envoyer au serveur. Les valeurs possibles sont -
application/x-www-form-urlencoded - Il s'agit de la méthode standard utilisée par la plupart des formulaires dans des scénarios simples.
mutlipart/form-data - Ceci est utilisé pour télécharger des données binaires telles que des images, des fichiers Word, etc. dans un formulaire.
Exemple
Regardons maintenant un exemple −
<!DOCTYPE html>
<html>
<head>
<title>HTML enctype attribute</title>
<style>
form {
width: 70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin: 5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<h1>Login</h1>
<form enctype="multipart/form-data" action="" method="post">
<fieldset>
<legend>Enter the login details</legend>
<label for="EmailSelect">Email Id:
<input type="email" id="EmailSelect">
<input type="button" onclick="getUserEmail('abc')" value="abc">
<input type="button" onclick="getUserEmail('pqr')" value="pqr"><br>
<input type="button" onclick="login()" value="Login">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputEmail = document.getElementById("EmailSelect");
function getUserEmail(userName) {
if (userName === 'abc')
inputEmail.value = 'abc@MNC.com';
else
inputEmail.value = 'pqr@MNC.com';
}
function login() {
if (inputEmail.value !== '')
divDisplay.textContent = 'Successful Login. Hello ' + inputEmail.value.split("@")[0];
else
divDisplay.textContent = 'Enter Email Id';
}
</script>
</body>
</html>
Connectez-vous et affichez les résultats −
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comment utiliser le type de saisie semaine en HTML ?Article suivant：Comment utiliser le type de saisie semaine en HTML ?