HTML是網頁制作中的基礎語言,Form是HTML中一個非常重要的元素,它可以讓用戶在網頁上進行輸入、選擇或者上傳數據等操作, 一個完整的HTML代碼中,form標簽包含了表單要素。下面的代碼演示了一個用于搜索的表單,使用的是GET方法提交數據到俄羅斯基地站。
以下是HTML代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>搜索</title> </head> <body> <form action="http://example.com/search" method="get"> <p> <label for="query">搜索:</label> <input type="text" id="query" name="q"> </p> <p> <input type="submit" value="搜索"> </p> </form> </body> </html>
在這個表單中,我們使用了form標簽來包含整個表單,我們指定了要提交到的頁面URL地址。使用了get方法來提交表單,get方法傳遞數據是通過URL的參數傳遞的,name屬性定義了要傳遞的參數名稱。表單中包含一個查詢輸入框和一個提交按鈕。
這個例子也展示了使用label標簽來關聯輸入框和標簽,這提高了可用性和可訪問性。將label與相應的表單元素關聯起來,可以通過點擊標簽,輸入框得到焦點,從而方便用戶操作。