我們如何在HTML中設定元素的類型？
- WBOY轉載
- 2023-08-26 14:45:121369瀏覽
在本文中，我們將學習如何在 HTML 中設定元素的類型，就像我們熟悉 HTML 中的 類型一樣。對於
type 屬性可用來下列元素
| 元素 | 屬性 |
|---|---|
| #類型 | |
| #類型 | |
| #類型 | |
| #類型 | |
| #類型 | |
| #類型 | |
| #類型 |
讓我們透過以下範例來了解如何在 HTML 中設定元素的類型。
HTML
HTML 中的可點擊按鈕由
範例
在下面的範例中，我們使用兩個
<!DOCTYPE html>
<html>
<body>
<form action="#" method="get">
<label for="firstname">Username:</label>
<input type="text" id="firstname" name="firstname"><br><br>
<label for="lastname">Surname:</label>
<input type="text" id="lastname" name="lastname"><br><br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
</body>
</html>
當腳本執行時，它將產生一個輸出，其中包含使用者名稱和姓氏的輸入欄位（由 type="text" 設定），以及提交按鈕和重設按鈕。
HTML 標籤
標籤指定使用者可輸入資料的欄位。最重要的表單元素是 元素。根據 type 屬性， 元素可以以多種不同的方式呈現。
範例
考慮以下範例，我們使用具有兩種不同輸入類型的 HTML 表單，一種是文本，另一種用於提交。
<!DOCTYPE html>
<html>
<body>
<form action="#">
<label for="Username">Enter name: </label>
<input type="text" id="Username" name="Username"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
執行上述腳本時，它將產生一個輸出，其中包括一個用於輸入 type=”text” 名稱的輸入欄位和具有 type=”submit” 屬性的輸入按鈕。
使用腳本
查看以下範例，我們正在執行指定了 type 屬性的腳本
範例
在下面的範例中，我們使用兩個
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script type="application/javascript">
document.getElementById("tutorial").innerHTML = "Hello,Good Morning.";
</script>
</body>
</html>
運行上述腳本時，將彈出輸出窗口，顯示文字「你好，早上好」。在網頁上。
HTML 標籤
可以使用
範例
考慮以下範例，我們使用帶有 type 屬性的 HTML
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="https://gaana.com/song/praise-the-lord-da-shine" type="audio/mpeg">
</audio>
</body>
</html>
當腳本執行時，它將產生一個輸出，其中包含在 type=“audio/mpeg”提到的網頁上上傳的音訊。
以上是我們如何在HTML中設定元素的類型？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除