Есть два способа сделать это:
1) Добавить enctype="text/plain"
к вашему тегу <form>
, например:
<form method="post" enctype="text/plain" action="mailto:alice@example.com">
2) Добавить formenctype="text/plain"
к вашему *Тег 1009 *, например:
<button type="submit" formenctype="text/plain" class="registerbtn">Register</button>
При обоих подходах будет получено тело типа:
email=bob@example.com
password=asdf
password-repeat=asdf
Это необходимо, поскольку тип MIME по умолчанию для формы - application/x-www-form-urlencoded
.Вы можете прочитать больше об этом на Mozilla.org.Я цитировал enctype
ниже, но предоставил ссылки для обоих.
enctype
Когда значением атрибута метода является post, enctype является MIMEтип контента, который используется для отправки формы на сервер.Возможные значения:
application/x-www-form-urlencoded
: значение по умолчанию, если атрибут не указан. multipart/form-data
: значение, используемое для элемента <input>
с атрибутом typeустановить в «файл». text/plain
(HTML5)
Это значение может быть переопределено атрибутом formenctype в <button>
или <input>
element.
Вот ваш код (с демо-адресом электронной почты) какпример работы с enctype
:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form method="post" enctype="text/plain" action="mailto:alice@example.com">
<div class="container">
<h1>Register</h1>
<p>Please fill in this form to create an account.</p>
<hr>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label for="password"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="password" required>
<label for="password-repeat"><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="password-repeat" required>
<hr>
<p>By creating an account you agree to our <a href="#">Terms & Privacy</a>.</p>
<button type="submit" class="registerbtn">Register</button>
</div>
<div class="container signin">
<p>Already have an account? <a href="#">Sign in</a>.</p>
</div>
</form>
</body>
</html>