html表單的提交,單選和多選按鈕,隱藏域的編寫?

我們經常在html中用到表單,可以說傳遞資訊的一種渠道。我們通過用到checkbox關鍵字來顯示多選框,而使用radio關鍵字來代表單選,還有個用hidden表示隱藏域。下面看看程式碼。

工具/原料

windows環境下的作業系統。記事本即可。

瞭解html基本結構。

方法/步驟

開啟記事本,輸入html基本結構程式碼:表單元素.打完後儲存為t.html.

在之間加form表單,用

標籤。其中form裡有些屬性和方法,一般這樣寫:< form action="ok.html" method="get">.然後在form里加入單選是這樣的:

您的性別是:(單選)


接著可以寫多選按鈕的,加入如下程式碼【選擇喜歡的食物舉例】。

您最喜歡哪些食物:(可多選)

牛肉

菜心

蓮藕


如果要新增隱藏域,繼續新增如下程式碼:

隱藏域的使用:

然後我們儲存好。可以通過雙擊開啟。效果圖,如下:

html表單的提交,單選和多選按鈕,隱藏域的編寫

在上面男女性別選擇上,只能選其一,說明radio效果起作用了。

html表單的提交,單選和多選按鈕,隱藏域的編寫

可以試一試。說明:form裡的方法除了get方法,還有post方法。兩者區別請參考PHP手冊。

注意要有name和value的值,否則傳不到另外的頁面的。

注意事項

請注意name和value值用英文字元處理,以防處理異常。

隱藏域是想偷偷傳值,而不影響使用者填寫或選擇表單提交使用。

傳遞資訊, 按鈕, 程式碼, 表單, 關鍵字,
相關問題答案