資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 JavaScript 中查詢表單的 accept-charset 和 enctype 屬性？
在本文中，我們將討論如何在 JavaScript 中查詢表單的 accept-charset 和 enctype 屬性。
在 HTML 中，有一個 <form> 元素，它具有一些屬性 - input、label、文字區域、select、name、target。accept-charset 用於返回 HTML 文件的一組或多組編碼型別。此屬性還指定用於表單提交的字元編碼。enctype 用於指定表單資料如何編碼。
使用 acceptCharset 屬性
JavaScript 中的 acceptCharset 屬性將顯示可接受的字元集值。
語法
以下是 JavaScript 中 acceptCharset 屬性的語法：
document.getElementById(‘formID’).acceptCharset;
表單中的 Accept-charset。accept-charset 的常見值為 utf-8（Unicode 編碼）和 ISO-8859-1（拉丁字母編碼）。
示例
以下是一個示例程式，用於顯示錶單的可接受字元集，即 **acceptCharset**。
<!DOCTYPE html>
<html>
<head>
<title>Find the accept-charset and enctype attribute of a form in JavaScript</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="form-div" style="text-align : center">
<form id="myForm" name="Login Form" action="/action_page.php" target="_self" accept-charset="utf-8">
First name: <input type="text" name="fname" ><br>
Last name: <input type="text" name="lname" ><br>
<input type="submit" value="Submit">
</form>
<p id="form"></p>
</div>
<script>
document.getElementById('form').innerHTML = 'accept-charset of the form : '+document.getElementById('myForm').acceptCharset;
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
使用 enctype 屬性
JavaScript 的 enctype 屬性將顯示錶單的 enctype。
語法
以下是 JavaScript 中 enctype 屬性的語法：
document.getElementById(‘formID’).enctype;
如果 method 屬性的值為 post。enctype 的可能值為：
**application/x-www-form-urlencoded** - 這是 enctype 的預設型別。
**multipart/form-data** - 當用戶需要上傳檔案時使用此值。
**text/plain** - 此值用於除錯目的。它傳送資料而不進行編碼。
示例
以下程式是顯示錶單 enctype 的示例。
<!DOCTYPE html>
<html>
<head>
<title>Find the accept-charset and enctype attribute of a form in JavaScript</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="form-div" style="text-align : center">
<form id="myForm" name="Login Form" action="/action_page.php" target="_self" enctype="multipart/form-data">
First name: <input type="text" name="fname" ><br>
Last name: <input type="text" name="lname" ><br>
Profile picture : <input type="file" id="profile" name="profile" accept="image/jpeg"><br>
<input type="submit" value="Submit">
</form>
<p id="form"></p>
</div>
<script>
document.getElementById('form').innerHTML = 'enctype of the form : '+document.getElementById('myForm').enctype;
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
更新於： 2022-12-08
316 次瀏覽
廣告