小蔡學Web:[8]web表單?

小蔡學web第八章,菜鳥蔡和你一起學習網頁的表單學習。

工具/原料

個人電腦

網頁三劍客

方法/步驟

首先我們開啟DW網頁編輯器然後新建一個表單.html檔案。

小蔡學Web:[8]web表單

然後在中輸入表單標籤

標籤,我們可以在設計中看到效果,如下。

小蔡學Web:[8]web表單

輸入標籤()。用來補充標籤裡面的內容,它的輸入型別是由型別屬性(type)定義的。常常是text屬性。

名字:

小蔡學Web:[8]web表單

然後除錯上圖程式碼,從網頁上可以看到會出現一個名字和輸入框的表單,我們可以在裡面寫東西,這就是以及它的text屬性帶來的。如下:

小蔡學Web:[8]web表單

當然除了最常見的標籤中除了text之外還有radio單選框。

例如下面性男女只能選一個。


小蔡學Web:[8]web表單

有單選框之後,還有複選框,可以選兩個,用Checkboxes樣式就能辦到。只要把type的屬性修改成Checkboxes,就可以。


如下,男女都能選了。

小蔡學Web:[8]web表單

網頁, 表單, 小蔡學, 菜鳥蔡,
相關問題答案