HTML表單是一個用于收集用戶輸入的重要工具。通過HTML表單,我們可以將用戶的輸入發送到服務器上進行處理和保存。以下是一個簡單的HTML表單的代碼示例:
<form action="form.php" method="POST"> <p>姓名:<input type="text" name="name"></p> <p>密碼:<input type="password" name="password"></p> <p>性別:<br> <input type="radio" name="gender" value="male">男性 <input type="radio" name="gender" value="female">女性 </p> <p>愛好:<br> <input type="checkbox" name="hobbies[]" value="basketball">籃球 <input type="checkbox" name="hobbies[]" value="football">足球 <input type="checkbox" name="hobbies[]" value="tennis">網球 </p> <p><input type="submit" value="提交"></p> </form>
在上面的代碼中,<form>
標簽定義了一個表單,包含將要提交的信息和如何提交這些信息的指令。action
屬性是指一個處理表單數據的URL,method
屬性設置了表單的提交方式,這里使用POST
來提交表單數據。
在表單里面,我們可以添加各種各樣的表單元素來收集用戶輸入。在本例中,我們使用了<input>
標簽來定義輸入框、單選框和復選框。name
屬性定義了輸入字段的名字,用于后端處理表單數據。下面是一個簡短的解釋:
<input type="text">
定義了一個文本輸入框用于姓名<input type="password">
定義了一個密碼輸入框用于輸入密碼<input type="radio">
定義了兩個單選框,一個用于男性一個用于女性,設置了相同的名字來確保只有一個選項被選擇。值指示用戶選項的內容。<input type="checkbox">
定義了三個復選框,用于收集愛好,設置了相同的名字并使用一個數組來傳遞多個選項。<input type="submit">
定義了一個提交按鈕,用于提交表單數據
在表單中,我們可以添加必填項、禁用輸入框、設置輸入框的默認值以及使用JavaScript等等各種其他功能來定制表單,這里我們只展示了基本表單元素。
上一篇js css模板下載