- 相關(guān)推薦
職稱計(jì)算機(jī)考試Dreamwaver中表單的創(chuàng)建與應(yīng)用
表單在網(wǎng)頁中主要負(fù)責(zé)數(shù)據(jù)采集功能。下面小編給大家講述的是職稱計(jì)算機(jī)考試Dreamwaver中表單的創(chuàng)建與應(yīng)用,大家可以參考閱讀,更多詳情請關(guān)注應(yīng)屆畢業(yè)生考試網(wǎng)。
創(chuàng)建表單
在Dreamweaver中可以創(chuàng)建各種各樣的表單,表單中可以包含各種對(duì)象,例如文本域、按鈕、列表等。
1、插入表單
在網(wǎng)頁中添加表單對(duì)象,首先必須創(chuàng)建表單。表單在瀏覽網(wǎng)頁中屬于不可見元素。在Dreamweaver8中插入一個(gè)表單。當(dāng)頁面處于“設(shè)計(jì)”視圖中時(shí),用紅色的虛輪廓線指示表單。如果沒有看到此輪廓線,請檢查是否選中了“查看”>“可視化助理”>“不可見元素”。
(1)將插入點(diǎn)放在希望表單出現(xiàn)的位置。選擇“插入”>“表單”,或選擇“插入”欄上的“表單”類別,然后單擊“表單”圖標(biāo),
(2)用鼠標(biāo)選中表單,在屬性面板上可以設(shè)置表單的各項(xiàng)屬性。
在“動(dòng)作”文本框中指定處理該表單的動(dòng)態(tài)也或腳本的路徑。
在“方法”下拉列表中,選擇將表單數(shù)據(jù)傳輸?shù)椒⻊?wù)器的方法。表單“方法”有:
POST 在 HTTP 請求中嵌入表單數(shù)據(jù)。GET 將值追加到請求該頁的 URL 中。默認(rèn) 使用瀏覽器的默認(rèn)設(shè)置將表單數(shù)據(jù)發(fā)送到服務(wù)器。通常,默認(rèn)方法為 GET 方法。不要使用 GET 方法發(fā)送長表單。URL 的長度限制在 8,192 個(gè)字符以內(nèi)。如果發(fā)送的數(shù)據(jù)量太大,數(shù)據(jù)將被截?cái),從而?dǎo)致意外的或失敗的處理結(jié)果。而且,在發(fā)送機(jī)密用戶名和密碼、信用卡號(hào)或其他機(jī)密信息時(shí),不要使用 GET 方法。用 GET 方法傳遞信息不安全。
在“目標(biāo)”彈出式菜單指定一個(gè)窗口,在該窗口中顯示調(diào)用程序所返回的數(shù)據(jù)。如果命名的窗口尚未打開,則打開一個(gè)具有該名稱的新窗口。目標(biāo)值有: _blank,在未命名的`新窗口中打開目標(biāo)文檔。 _parent,在顯示當(dāng)前文檔的窗口的父窗口中打開目標(biāo)文檔。 _self,在提交表單所使用的窗口中打開目標(biāo)文檔。 _top,在當(dāng)前窗口的窗體內(nèi)打開目標(biāo)文檔。此值可用于確保目標(biāo)文檔占用整個(gè)窗口,即使原始文檔顯示在框架中。
表單的應(yīng)用
1、一個(gè)簡單的提交留言頁面
新建11.html網(wǎng)頁文件,選擇表單插入欄,插入表單,將光標(biāo)放置在表單內(nèi),插入一個(gè)5行2列的表格,將第1、5行合并。分別在第2、3行插入文本字段,在第4行插入文本區(qū)域,在第5行插入兩個(gè)按鈕。
文本域是用戶在其中輸入響應(yīng)的表單對(duì)象。有三種類型的文本域:
單行文本域通常提供單字或短語響應(yīng),如姓名或地址。
多行文本域?yàn)樵L問者提供一個(gè)較大的區(qū)域,供其輸入響應(yīng)。可以指定訪問者最多可輸入的行數(shù)以及對(duì)象的字符寬度。如果輸入的文本超過這些設(shè)置,則該域?qū)凑論Q行屬性中指定的設(shè)置進(jìn)行滾動(dòng)。
密碼域是特殊類型的文本域。當(dāng)用戶在密碼域中鍵入時(shí),所輸入的文本被替換為星號(hào)或項(xiàng)目符號(hào),以隱藏該文本,保護(hù)這些信息不被看到。
頁面布局效果如下:
2、制作網(wǎng)頁跳轉(zhuǎn)菜單
打開一個(gè)建立好的網(wǎng)頁文件,把鼠標(biāo)的光標(biāo)放置在需要插入跳轉(zhuǎn)菜單的.位置。選擇表單插入欄中的“跳轉(zhuǎn)菜單”命令,在網(wǎng)頁中插入一個(gè)跳轉(zhuǎn)菜單。
在彈出的“跳轉(zhuǎn)菜單”對(duì)話框中,根據(jù)提示輸入相應(yīng)內(nèi)容:
點(diǎn)擊確定,按F12預(yù)覽效果。
3、運(yùn)行代碼實(shí)例
新建文件12.html。
打開12.html,插入表單,在表單中插入一個(gè)文本區(qū)域,在回車,再插入一個(gè)按鈕。
選中文本區(qū)域,在屬性面板中,設(shè)置文本區(qū)域的文本寬度為50,行數(shù)為8。
選中按鈕,在屬性面板中,將按鈕的值設(shè)為“運(yùn)行代碼”。
選中form表單,在屬性面板中,單擊動(dòng)作文本框旁的“瀏覽按鈕”,選擇指向13.html,目標(biāo)選擇_blank。
在11.html的代碼區(qū)復(fù)制整個(gè)代碼,在打開12.html文件,在設(shè)計(jì)視圖中選中文本區(qū)域,轉(zhuǎn)到代碼區(qū),將光標(biāo)放置在<textarea name="textarea" cols="50" rows="8"></textarea>的“><”之間,按住Ctrl+V粘貼11.html頁面的代碼。 保存后,按F12預(yù)覽。
認(rèn)識(shí)表單對(duì)象
使用表單,可以幫助Internet服務(wù)器從用戶那里收集信息,例如收集用戶資料、獲取用戶訂單,在Internet上統(tǒng)也同樣存在大量的表單,讓用戶輸入文字進(jìn)行選擇。
1、通常表單的工作過程如下:
(1)訪問者在瀏覽有表單的頁面時(shí),可填寫必要的信息,然后單擊“提交”按鈕。
(2)這些信息通過Internet傳送到服務(wù)器上。
(3)服務(wù)器上專門的程序?qū)@些數(shù)據(jù)進(jìn)行處理,如果有錯(cuò)誤會(huì)返回錯(cuò)誤信息,并要求糾正錯(cuò)誤。
(4)當(dāng)數(shù)據(jù)完整無誤后,服務(wù)器反饋一個(gè)輸入完成信息。
2、一個(gè)完整的表單包含兩個(gè)部分:
(1)一個(gè)是在網(wǎng)頁中進(jìn)行描述的'表單對(duì)象。
(2)二是應(yīng)用程序,它可以是服務(wù)器端的,也可以是客戶端的,用于對(duì)客戶信息進(jìn)行分析處理。
二、認(rèn)識(shí)表單對(duì)象
在 Dreamweaver 中,表單輸入類型稱為表單對(duì)象?梢酝ㄟ^選擇“插入”>“表單對(duì)象”來插入表單對(duì)象,或者通過從下圖顯示的“插入”欄的“表單”面板訪問表單對(duì)象來插入表單對(duì)象。
1、表單
“表單”在文檔中插入表單。任何其他表單對(duì)象,如文本域、按鈕等,都必須插入表單之中,這樣所有瀏覽器才能正確處理這些數(shù)據(jù)。
2、文本域
“文本域”在表單中插入文本域。文本域可接受任何類型的字母數(shù)字項(xiàng)。輸入的文本可以顯示為單行、多行或者顯示為項(xiàng)目符號(hào)或星號(hào)(用于保護(hù)密碼)。
3、復(fù)選框
“復(fù)選框”在表單中插入復(fù)選框。復(fù)選框允許在一組選項(xiàng)中選擇多項(xiàng),用戶可以選擇任意多個(gè)適用的選項(xiàng)。
4、單選按鈕
“單選按鈕”在表單中插入單選按鈕。單選按鈕代表互相排斥的選擇。選擇一組中的某個(gè)按鈕,就會(huì)取消選擇該組中的所有其他按鈕。例如,用戶可以選擇“是”或“否”。
5、單選按鈕組
“單選按鈕組”插入共享同一名稱的單選按鈕的集合。
6、列表/菜單
“列表/菜單”使您可以在列表中創(chuàng)建用戶選項(xiàng)。“列表”選項(xiàng)在滾動(dòng)列表中顯示選項(xiàng)值,并允許用戶在列表中選擇多個(gè)選項(xiàng)。“菜單”選項(xiàng)在彈出式菜單中顯示選項(xiàng)值,而且只允許用戶選擇一個(gè)選項(xiàng)。
7、跳轉(zhuǎn)菜單
“跳轉(zhuǎn)菜單”插入可導(dǎo)航的列表或彈出式菜單。跳轉(zhuǎn)菜單允許您插入一種菜單,在這種菜單中的每個(gè)選項(xiàng)都鏈接到文檔或文件。請參見創(chuàng)建跳轉(zhuǎn)菜單。
8、圖像域
“圖像域”使您可以在表單中插入圖像。可以使用圖像域替換“提交”按鈕,以生成圖形化按鈕。
9、文件域
“文件域”在文檔中插入空白文本域和“瀏覽”按鈕。文件域使用戶可以瀏覽到其硬盤上的文件,并將這些文件作為表單數(shù)據(jù)上傳。
10、按鈕
“按鈕”在表單中插入文本按鈕。按鈕在單擊時(shí)執(zhí)行任務(wù),如提交或重置表單。可以為按鈕添加自定義名稱或標(biāo)簽,或者使用預(yù)定義的“提交”或“重置”標(biāo)簽之一。
11、標(biāo)簽
“標(biāo)簽”在文檔中給表單加上標(biāo)簽,以形式開頭和結(jié)尾。
12、字段集
“字段集”在文本中設(shè)置文本標(biāo)簽。
認(rèn)識(shí)了表單,那么創(chuàng)建和使用表單時(shí)就可以根據(jù)需要進(jìn)行選擇。表單時(shí)動(dòng)態(tài)網(wǎng)頁的靈魂。
【職稱計(jì)算機(jī)考試Dreamwaver中表單的創(chuàng)建與應(yīng)用】相關(guān)文章:
職稱計(jì)算機(jī)Dreamwaver教程:認(rèn)識(shí)表單對(duì)象05-16
職稱計(jì)算機(jī)考試知識(shí)考點(diǎn):計(jì)算機(jī)的應(yīng)用03-30
全國職稱計(jì)算機(jī)考試大綱-Internet應(yīng)用03-09
職稱計(jì)算機(jī)考試《Internet應(yīng)用》考前習(xí)題12-03
職稱計(jì)算機(jī)考試Internet應(yīng)用基礎(chǔ)知識(shí)303-26
Yii2創(chuàng)建表單(ActiveForm)方法11-17
職稱計(jì)算機(jī)考試知識(shí)考點(diǎn):撥號(hào)連接的創(chuàng)建和啟動(dòng)03-30