Form enctype Property
Definition and Usage
The enctype property sets or returns the value of the enctype attribute in a form.
The enctype attribute specifies how form-data should be encoded before sending it to the server.
The form-data is encoded to "application/x-www-form-urlencoded" by default. This means that all
characters are encoded before they are sent to the server (spaces are converted to "+" symbols,
and special characters are converted to ASCII HEX values).
Syntax
The enctype property can have one of the following values:
| Value | Description |
|---|---|
| application/x-www-form-urlencoded | All characters are encoded before sent (this is default) |
| multipart/form-data | No characters are encoded. This value is required when you are using forms that have a file upload control |
| text/plain | Spaces are converted to "+" symbols, but no special characters are encoded |
Browser Support
The enctype property is supported in all major browsers.
Note: Internet Explorer and Safari returns "application/x-www-form-urlencoded" even if no enctype
attribute is defined (this is the default value), while the other browsers return nothing.
Example
Example
Return how form-data should be encoded before sending it to the server:
<body>
<form>
<form id="frm1" enctype="text/plain">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br>
</form>
<script>
document.write(document.getElementById("frm1").enctype);
</script>
</body>
</html>
The output of the script above will be:
Try it yourself »
'HTML&JSP&Javascript' 카테고리의 다른 글
| [펌] HTML <th > 태그 : 테이블 헤더 태그(Table Header) (0) | 2013.08.17 |
|---|---|
| [펌] response.sendRedirect()의 실행에 대한 올바른 이해 (0) | 2013.07.29 |
| [펌] response.sendRedirect VS request.getRequestDispatcher (0) | 2013.07.29 |
| [펌] 자바스크립트 에서의 trim 기능 (0) | 2013.07.09 |
| [펌] IE10 for Win7 에서 화면 멈춤 현상 (2) (0) | 2013.04.08 |
