網頁表單格式製作
來源:酷知科普網 7.21K
我們使用webstorm製作HTML網頁檔案,可以製作表單,根據設定可以製作文字框,單選框,檔案選擇等功能。
操作方法
(01)製作表單的時候我們需要用到form標籤,form標籤下我們可以使用label,input文字輸入少量單行的文字,如圖所示設定我們想要的基本表單,然後點選預覽網頁顯示錶單。
(02)同樣的方法,我們給input標籤設定一個value內容,這樣我們在label標籤下,名次輸入一欄就有一個預設的學生名次,我們預覽就可以看到預設值了。
(03)我們新增一個上傳檔案的label,這時候需要將type型別設定為file,注意我們需要將for屬性和ID設定為一致,這樣才可以正常使用。
(04)預覽我們的網頁,這時候我們可以看到一個按鈕,上面顯示選擇檔案,點選選擇檔案按鈕,會彈出一個選擇框,這時候可以選擇我們需要上傳的檔案,找到檔案所在的位置點選確定開啟。
(05)在表單中設定一個單選項按鈕,我們將type屬性設定為radio,然後設定兩個選項,如圖所示,預覽我們的網頁,可以看到當我們選擇了一個選項之後,還可以選擇另外一個。
(06)我們可以給每一個選項設定一個ID,這樣我們就可以實現選擇一個選項之後就能夠再選第二個選項了,而且將一個選項設定為checked之後,就預設這個選項處於被選中狀態。