HTML中的表單(form)是一個非常重要的元素。表單能夠幫助我們與用戶交互,如收集用戶的信息、發送消息等。在這里,我們將介紹HTML中的form表單的基本結構和常用屬性。
<form action="submit-form.php" method="post"> <label for="username">用戶名:</label> <input type="text" id="username" name="username" placeholder="請輸入用戶名" required> <label for="password">密碼:</label> <input type="password" id="password" name="password" placeholder="請輸入密碼" required> <label for="age">年齡:</label> <input type="number" id="age" name="age" min="18" max="100" placeholder="請輸入年齡" required> <label for="gender">性別:</label> <select name="gender" id="gender" required> <option value="">請選擇性別</option> <option value="male">男性</option> <option value="female">女性</option> <option value="other">其他</option> </select> <label for="hobbies">愛好:</label> <input type="checkbox" id="hiking" name="hobbies" value="hiking"> <label for="hiking">徒步旅行</label> <input type="checkbox" id="swimming" name="hobbies" value="swimming"> <label for="swimming">游泳</label> <input type="submit" value="提交"> </form>
在上面的代碼中,我們創建了一個表單元素,其中action屬性用來指定表單提交的頁面,而method屬性則用來指定HTTP請求的方式(POST或GET)。除此之外,我們還添加了多個input元素,用來收集用戶的信息。其中,input類型包括文本輸入、密碼輸入、數值輸入等等。我們還添加了下拉列表和多選框等元素,用來讓用戶選擇自己的性別和愛好。
總之,form表單在HTML中是一個非常有用的元素。它能夠幫助我們收集用戶的信息,并與用戶進行交互。
下一篇vue步驟提示插件