Html還能夠寫入許多的東西，比如像是帳號密碼登入、上傳檔案還有各種的進入按鈕、時間日期等，我們都可以透過input來達到各種功能，除此之外也能附加各種的屬性，比如可以控制最大最小值來減少錯誤，像是日期就能使用這種功能來確保不會出現像是32號或是13月這種錯誤，而以下是語法:<input type=”類型” 屬性/>
以下提供幾種不同類型:
button:新增按鈕
date:日期
file:選擇上傳的檔案
number:只能輸入數字的方格
text:輸入文字數字
password:隱藏輸入的內容
以下為上述input功能程式碼:
<!DOCTYPE html>
<html>
<head>
</meta charset = "UTF-8">
<title>it鐵人</title>
</head>
</html>
<body>
<label for="newButton">新增按鈕:</label>
<input type="button" id="newButton" value="新增按鈕"><br><br>
<label for="dateInput">日期:</label>
<input type="date" id="dateInput"><br><br>
<label for="fileInput">選擇上傳的檔案:</label>
<input type="file" id="fileInput"><br><br>
<label for="numberInput">只能輸入數字的方格:</label>
<input type="number" id="numberInput"><br><br>
<label for="textInput">輸入文字數字:</label>
<input type="text" id="textInput"><br><br>
<label for="passwordInput">隱藏輸入的內容:</label>
<input type="password" id="passwordInput"><br><br>
<input type="submit" value="提交">
</body>
以下顯示在瀏覽器中所呈現的各個結果:
以下為功能使用後在瀏覽器中所呈現的結果:
除了這些外還有許多的功能，可以透過網路來查詢，並且根據自己的需求來加入，而在這程式碼中，我還有加入label標籤來解釋功能，就是裡面所出現的文字。
Html差不多就到一個段落了接下來會稍微介紹css。
iThome鐵人賽
看影片追技術