HTML表單是Web開發中常用的一種表現方式,它允許用戶在頁面中輸入信息并將其提交。以下是一個HTML表單的代碼示例:
<form action="submit.php" method="POST"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required> <br><br> <label for="age">年齡:</label> <input type="number" id="age" name="age" required min="0" max="120"> <br><br> <label for="gender">性別:</label> <input type="radio" id="male" name="gender" value="male" checked> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label> <br><br> <label for="interests">興趣愛好:</label> <input type="checkbox" id="reading" name="interests[]" value="reading"> <label for="reading">閱讀</label> <input type="checkbox" id="traveling" name="interests[]" value="traveling"> <label for="traveling">旅游</label> <input type="checkbox" id="sports" name="interests[]" value="sports"> <label for="sports">運動</label> <br><br> <label for="message">留言:</label> <textarea id="message" name="message" rows="5" cols="40" required></textarea> <br><br> <input type="submit" value="提交"> </form>在這個例子中,表單包含了幾個不同類型的輸入元素,包括文本輸入框、數字輸入框、單選框、復選框和文本域。每個輸入元素都包含一個唯一的“id”屬性和一個“name”屬性,用于在提交表單時標識輸入值。此外,某些元素具有其他屬性,例如“required”屬性,表示輸入是必需的,并且“min”和“max”屬性限制數字輸入的范圍。 表單也包括一個“action”屬性,該屬性指定表單在提交時應發送到哪個URL。在這個例子中,表單將提交到“submit.php”頁面。同時,表單也包括一個“method”屬性,表示請求的方法。這里使用的是HTTP POST方法,這意味著表單數據將被包含在HTTP請求正文中發送。 當用戶單擊表單中的“提交”按鈕時,將會向所指定的URL發送表單數據,并且可以使用服務器端代碼來處理該數據。根據具體情況,可以將表單數據存儲到數據庫中,將表單數據用電子郵件發送給管理員等等。 總之,HTML表單是Web應用程序中的重要組成部分,它使用戶能夠輕松地輸入和提交數據,并且可以使用各種服務器端技術來處理這些數據。通過這個例子,希望您已經學會了如何創建HTML表單并使用其各個組件元素。
上一篇css不顯示代碼
下一篇html div設置邊距