導航:首頁 > 編程語言 > 編程通過點擊下拉生成表單

編程通過點擊下拉生成表單

發布時間:2023-01-12 19:29:54

① 網頁製作 選擇下拉框出現不同的表單 求全代碼

<select onclick="theform(this.value"> <option>……</option> ……… ……… </select> <script>function theform(var v){ if

② 在dreamweaver中使用表單,文本框可以實現下拉列表功能

工具/原料
DreamWeaver編程軟體
方法/步驟
打開DreamWeaver編程軟體,創建一個如圖所示的空白頁面。

滑鼠定位在設計和編輯拆分開的「編輯框內」,點擊菜單中的「插入」按鈕,選擇其中的「表單」功能項,在彈出的子菜單中選擇「選擇(列表/菜單)」命令,如下圖所示:

上一步驟還可通過如下操作實現:在「插入」面板中選擇「表單」項,點擊「選擇(列表/菜單)」圖標。
此圖為全部點擊步驟截圖:「插入」—>「表單」—>「列表/菜單」。

點擊「列表/菜單」後,彈出「輸入標簽輔助功能屬性」這一彈窗,在此彈窗中設置「怎麼用DreamWeaver編程軟體製作滾動列表(代碼)」後,點擊「確定」按鈕。

查看,此時DW的文檔效果:此時「列表/菜單」設置已經出現在文檔中了。

在「屬性」中點擊「列表值」,並通過圖片中「+」符號增加新的內容。

在「屬性」中:設置列表/表單為「select」,類型為「菜單」,做「初始化時選定」設置。

9
查看此時DW的文檔效果,下拉列表已經製作成功了。

③ 表單下拉式菜單製作代碼

去過Microsoft的網站嗎?(如圖一)如果去過的話,那麼你應該對這個站上面那條折疊式菜單的導航欄感到贊嘆吧?(「嘿嘿,還是老蓋強。」「啊,雞蛋怎麼會飛呀?!」)你想過你也能夠做出這樣的效果嗎?來吧,不用羨慕了,心動不如行動!

折疊式菜單實際上是通過層的顯示和隱藏,來達到這種效果的。現在就讓我來說說如何製作吧。Follow Me!先打開DreamWeaver(DreamWeaver對層的支持很好的,也是做網頁的必備工具)。

第一步:先插入一個一行、兩列的表格,方法:單擊菜單上的「插入」(Insert),再選取「表格」(Table),在「行」(Row)中輸入1,在列(Columns)中輸入2,在單擊「確定」。(如圖二)為了美觀,在表格的屬性欄中,把寬和高分別設為200px和30px,並且把表格的邊框顏色全部設為#FFFFFF,然後分別點選兩個單元格,在屬性欄中將其邊框顏色設為#6699FF。在兩個單元格內分別輸入「資料教程」和「相關軟體」。並在單元格屬性欄中設為中間對齊(順便說一句:在DreamWeaver中不但可以設定表格水平對齊方式,而且可以設定垂直位置對齊方式,在FrontPage就只能自己去寫代碼了,這也是我放棄FrontPage使用DreamWeaver的原因之一!)

第二步,在「資料教程」單元格內插入一個層。方法:單擊菜單上的「插入」(Insert),再選取「層」(Layer)。這時,在單元格中便會出現一個層。這時我們並不滿意層的位置,所以就來移動它。層的移動是非常容易的,選取層,然後按鍵盤上的箭頭鍵就可以移動了,而且不受任何限制,呵呵,簡單吧。同樣,我們為了美觀也可以在層的屬性欄中設定它的大小,把寬和高分別設為100px和90px。

第三步:在層中插入一個三行、一列的表格,方法同第一步。並把寬和高分別設為100px和90px,以填滿這個層。再把邊框顏色做如第一步的設置。在三個單元格中輸入「DreamWeaver」、「FrontPage」和「HotDog」。並在屬性欄中設為中間對齊。
第四步:最關鍵的一步來了!在層的屬性欄中將「可視」設為「隱藏」(Hidden),這樣在打開網頁時便看不見這個層(要是看得見那還叫什麼折疊式呀?!)。接著選取單元格,然後單擊DreamWeaver最下面那一條狀態欄右邊的「顯示行為」按鈕(就是那個最中間的,由兩個圓圈組成的那個),來給單元格添加行為。這里要注意一個:一定要看好了!在行為欄的標題欄上一定要是顯示「<td>」才行,這說明你要添加的這個行為是添加在單元格上的,如果沒有的話那就要重新點選單元格,直到成功為止。(如圖三)

在「行為目標」(Events For)中選擇一個合適的瀏覽器,一般是選擇「IE 4.0」。然後單擊左邊的「+」按鈕,來添加行為。在彈出的菜單中選擇「顯示或隱藏層」(Show-Hid Layers), 在彈出的窗口中選擇「Layer 「Layer1」」,就是我們剛才添加的那個層了,再單擊「顯示」(Show),確定就行了。這時在行為欄中就出現了我們剛剛添加的這個行為了。接著單擊「事件」(Events)下面右邊的那個向下箭頭按鈕,在彈出菜單中選擇「當滑鼠移上」(OnMouseOver)。好了,這樣當頁面載入時,這個層並不會出現,只有當我們的滑鼠移上單元格時才會出現,怎樣?酷吧?Stop!不要高興得太早了,不要忘了還有一個問題:滑鼠移開單元格之後這個層還是顯示著的呀!並不會自動消失的。(不要把電腦當成全自動的,你不告訴它怎麼做時,它只是一堆廢鐵。^_^)其實解決這個問題也很容易,我們可以添加顯示層的行為,當然也可以添加隱藏層的行為呀!再單擊「+」按鈕,選取「顯示或隱藏層」,還是選取「Layer1」,不過這次我們點擊的是「隱藏」(Hide)了,再確定。然後選擇「事件」,單擊「當滑鼠移開」(OnMouseOut)。OK!完成了。

接下來,按照從第二步到第四步的過程,對「相關軟體」單元格進行操作。一切完成之後,按下「F12」,預覽一下,呵呵,怎麼樣?簡單的幾步,就完成了這樣炫的效果,一切還是DreamWeaver的功勞啊!(效果如圖四)

還有一個需要注意,層的移動有時並不能做到「所見即所得」的效果,在編輯時本來位置很滿意,但是預覽時卻一塌糊塗,這就要多預覽幾次,多修改,才能得到好的效果。

④ 如何通過點擊下拉框來更新圖表

因為製作動態圖表需要用到函數VLOOKUP和MATCH對數據源進行加工,所以我們先了解一下這兩個函數的用法。

2/3
VLOOUP函數:

說明:在表格或數值數組的首列查找指定的數值,並由此返回表格或數組當前行中指定列處的數值。

語法:VLOOKUP(找什麼,在哪兒找,返回第幾列的值,近似查找還是精確查找)

3/3
MATCH函數:

說明:返回在指定方式下與指定數值匹配的數組中元素的相應位置。

語法:MATCH(找什麼,在哪兒找,近似查找還是精確查找)

圖表製作
1/8
以下圖為例,我們製作一個動態的柱形圖表。

2/8
首先,我們要構建一個輔助列和一個輔助行。

將A列作為輔助列,在「北京、上海、深圳、廣州」前添加一個序號。

注意:這個序號只能用數字,不能用字母或其他字元。

3/8
在表格第7行構建一個輔助行。在B7輸入1至4中的任意數字,如「1」,然後在C7輸入公式:=VLOOKUP($B$7,$A$3:$E$6,MATCH(C2,$A$2:$E$2,0),0)

將公式拖動到E7結束。

4/8
依次找到:開發工具->插入->表單控制項->組合框(窗體控制項),在空白處插入一個組合框控制項。

如果菜單欄沒有開發工具,請按這個路徑找:文件->選項->自定義功能區->開發工具,勾選就上就可以了。

查看剩餘1張圖
5/8
右擊組合框控制項,設置控制項格式,找到控制選項卡,數據源區域絕對引用B3:B6,單元格鏈接到B7,下拉顯示項數4(因為序號最大是4),確定。

這個時候在組合框控制項下拉菜單里任意選擇一項,第7行的數據會相應變動。

這里解釋一下第2個步驟講的,輔助列A列為什麼只能用數字作為序號。因為組合框控制項會對數據源B3:B6排序1-4,然後將對應的數字序號返回給鏈接單元格B7,這樣就能使用VLOOKUP函數去取相應的數據。

6/8
按住CTRL,同時選擇區域C2:E2和C7:E7,插入一個柱形圖。

7/8
美化一下,按Delete刪掉圖表系列標簽和網格線,添加數據標簽和圖表標題,填充一下背景色。右擊組合框控制項,將疊放次序設置為「置於頂層」,再將它拖動到圖表裡即可。

8/8
為了不影響原表,可以將構建的輔助行和列隱藏。

右擊圖表區域->選擇數據,勾選「隱藏的單元格和空單元格」下的「顯示隱藏行列中的數據「,確定後再將輔助行和列隱藏即可。

注意事項
這里例舉的是柱形圖,其他類型的圖表(如餅圖)也可以這樣做。

EXCEL 動態圖表 VLOOKUP MATCH 組合框

⑤ 我想用VFP做一個下拉查詢的表單,請問這一部分要怎麼編輯

用sql命令。
比如你有三個組合框分別為combo1,combo2,combo3;有自由表,表名為表1,有三個欄位,地區,面積,年份。
設置其rowsourcetype屬性為3-sql語句。
表單form1的init事件代碼如下:
thisform.combo1.rowsource="select 地區 from 表1 into temp1"
thisform.combo2.rowsource="select 面積 from 表1 into temp2
thisform.combo3.rowsource="select 年份 from 表1 into temp3

另外一種方法是
右鍵combo1,生成器,選擇相應表的相應欄位。

⑥ excel里點擊某個下拉列表 選中後生成另一張表單,請問這個叫什麼 如何設置

數據透視表,雙擊數據項可以自動將該項目新建一個sheet

閱讀全文

與編程通過點擊下拉生成表單相關的資料

熱點內容
扣扣加密技巧 瀏覽:720
蘋果如何創建伺服器錯誤 瀏覽:495
軟考初級程序員大題分值 瀏覽:473
js壓縮視頻文件 瀏覽:578
linux如何通過命令創建文件 瀏覽:989
應用加密app還能訪問應用嘛 瀏覽:433
安卓怎麼用支付寶交違章罰款 瀏覽:665
php面向對象的程序設計 瀏覽:504
數據挖掘演算法書籍推薦 瀏覽:894
投訴聯通用什麼app 瀏覽:150
web伺服器變更ip地址 瀏覽:954
java正則表達式驗證郵箱 瀏覽:360
成熟商務男裝下載什麼軟體app 瀏覽:609
加密2h代表長度是多少厘米 瀏覽:23
拍賣程序員 瀏覽:101
電腦的圖片放在哪個文件夾 瀏覽:276
unsignedintjava 瀏覽:217
編譯器下載地址 瀏覽:43
什麼是面對對象編程 瀏覽:709
b站伺服器什麼時候恢復 瀏覽:722