我們經常在html中用到表單,可以說傳遞資訊的一種渠道。我們通過用到checkbox關鍵字來顯示多選框,而使用radio關鍵字來代表單選,還有個用hidden表示隱藏域。下面看看程式碼。
工具/原料
windows環境下的作業系統。記事本即可。
瞭解html基本結構。
方法/步驟
開啟記事本,輸入html基本結構程式碼:
在之間加form表單,用
標籤。其中form裡有些屬性和方法,一般這樣寫:< form action="ok.html" method="get">.然後在form里加入單選是這樣的:您的性別是:(單選)
男
女
接著可以寫多選按鈕的,加入如下程式碼【選擇喜歡的食物舉例】。
您最喜歡哪些食物:(可多選)
牛肉
菜心
蓮藕
如果要新增隱藏域,繼續新增如下程式碼:
隱藏域的使用:
然後我們儲存好。可以通過雙擊開啟。效果圖,如下:
在上面男女性別選擇上,只能選其一,說明radio效果起作用了。
可以試一試。說明:form裡的方法除了get方法,還有post方法。兩者區別請參考PHP手冊。
注意要有name和value的值,否則傳不到另外的頁面的。
注意事項
請注意name和value值用英文字元處理,以防處理異常。
隱藏域是想偷偷傳值,而不影響使用者填寫或選擇表單提交使用。