網頁表單格式製作

我們使用webstorm製作HTML網頁檔案，可以製作表單，根據設定可以製作文字方塊，單選框，檔案選擇等功能。

操作方法

（01）製作表單的時候我們需要用到form標籤，form標籤下我們可以使用label，input文字輸入少量單行的文字，如圖所示設定我們想要的基本表單，然後點擊預覽網頁顯示錶單。

（02）同樣的方法，我們給input標籤設定一個value內容，這樣我們在label標籤下，名次輸入一欄就有一個默認的學生名次，我們預覽就可以看到默認值了。

（03）我們添加一個上傳檔案的label，這時候需要將type類型設定爲file，注意我們需要將for屬性和ID設定爲一致，這樣纔可以正常使用。

（04）預覽我們的網頁，這時候我們可以看到一個按鈕，上面顯示選擇檔案，點擊選擇檔案按鈕，會彈出一個選擇框，這時候可以選擇我們需要上傳的檔案，找到檔案所在的位置點擊確定開啟。

（05）在表單中設定一個單選項按鈕，我們將type屬性設定爲radio，然後設定兩個選項，如圖所示，預覽我們的網頁，可以看到當我們選擇了一個選項之後，還可以選擇另外一個。

（06）我們可以給每一個選項設定一個ID，這樣我們就可以實現選擇一個選項之後就能夠再選第二個選項了，而且將一個選項設定爲checked之後，就默認這個選項處於被選中狀態。