HTML中的表單(form)是網頁設計中不可或缺的一部分。通過表單,用戶可以向網站提交數據,而網站也可以將數據傳送到服務器上進行處理。現在,讓我們來看一下HTML中表單的常見代碼結構。
<form action="submit.php" method="post"> <label for="username">用戶名:</label> <input type="text" id="username" name="username"> <br> <label for="password">密碼:</label> <input type="password" id="password" name="password"> <br> <input type="submit" value="提交"> </form>
首先,我們使用`<form>`標簽定義表單,并用`action`屬性指定了表單的提交目標地址。在這里,提交到了名為`submit.php`的頁面。同時,我們也設置了`method`屬性,用以指定請求的方式。常用的請求方式有`get`和`post`兩種。
其次,我們使用`<label>`標簽定義表單控件的說明文本,并為其賦予一個`for`屬性。這個屬性關聯的是控件的`id`屬性,以此使得說明文本與控件產生元素關系,方便用戶操作。
接下來,我們使用`<input>`標簽定義各個表單控件。在這里,我們定義了兩個控件,一個是文本輸入框,一個是密碼輸入框,它們的類型分別是`text`和`password`。同時,為了之后服務器端能夠識別這些輸入框的值,我們用`name`屬性設置了它們的標識名稱。當用戶輸入完表單內容后,點擊表單中的“提交”按鈕,就會將這些值提交到服務器上進行處理。
最后,我們使用`<input>`標簽定義的按鈕,當點擊它的時候,會出發表單的提交操作。我們設置了它的`value`屬性為“提交”,這也是用戶在看到按鈕時看到的文本內容。當然,我們還可以在提交前加上空白驗證、JS表單驗證等功能來提高表單的使用便捷性和用戶體驗。