HTML申請表是現代與時俱進的方法,讓訪問者快速地填寫表格并提交相關數據。HTML申請表中的代碼可以幫助網站管理員收集必要的信息,以便更好地服務他們的客戶。
<form action="submit.php" method="post"> <label>姓名:</label> <input type="text" name="name" required> <label>電子郵件:</label> <input type="email" name="email" required> <label>電話號碼:</label> <input type="tel" name="phone" required> <label>地址:</label> <input type="text" name="address" required> <label>意見/問題:</label> <textarea name="comment" required></textarea> <input type="submit" value="提交"> </form>
以上代碼包含了一個基本的HTML申請表。其中form標簽的action屬性指示處理提交數據的后臺處理程序,而method屬性告訴瀏覽器將表單數據傳輸到哪個URL。在這個例子中,我們將數據提交到submit.php文件,使用POST方式提交數據。
這些input標簽為用戶輸入所需的字段提供了一個框。我們可以使用type屬性來指定哪種輸入框對于特定的字段是最合適的。例如,對于電話號碼字段,我們在此使用了type = "tel",以便瀏覽器為用戶創建一個電話號碼輸入要求。同樣的type屬性,我們使用文本類型的輸入框來告訴瀏覽器這是一個文本輸入框。
在每個輸入框的下面,我們通常需要為該輸入框標準說明。在這個例子中,我們使用了label標簽,為每個字段提供單獨說明。在HTML中,label標簽的for屬性與其相應的input標簽的ID屬性相關。這將確保當用戶單擊標簽時,與標簽相關聯的輸入框會自動獲得焦點。
最后,我們使用了textarea標簽來為用戶提供輸入長文本的機會。由于一個簡單的輸入框不足以容納長文本,所以我們使用了textarea標簽,這樣輸入框就有了足夠的空間來輸入長文本。
此外,我們在這個表單中使用了required屬性,這表示這些字段是必填項。如果用戶不填寫這些字段,瀏覽器會提示用戶必須填寫這些字段才能提交該申請表。