DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver8.0教程 >> Dreamweaver8.0表單的應用
Dreamweaver8.0表單的應用
編輯:Dreamweaver8.0教程     

查看全套“dreamweaver8.0教程”

1、一個簡單的提交留言頁面

新建11.html網頁文件,選擇表單插入欄,插入表單,將光標放置在表單內,插入一個5行2列的表格,將第1、5行合並。分別在第2、3行插入文本字段,在第4行插入文本區域,在第5行插入兩個按鈕。

文本域是用戶在其中輸入響應的表單對象。有三種類型的文本域:

單行文本域通常提供單字或短語響應,如姓名或地址。

多行文本域為訪問者提供一個較大的區域,供其輸入響應。可以指定訪問者最多可輸入的行數以及對象的字符寬度。如果輸入的文本超過這些設置,則該域將按照換行屬性中指定的設置進行滾動。

密碼域是特殊類型的文本域。當用戶在密碼域中鍵入時,所輸入的文本被替換為星號或項目符號,以隱藏該文本,保護這些信息不被看到。

頁面布局效果如下:

2、制作網頁跳轉菜單

打開一個建立好的網頁文件,把鼠標的光標放置在需要插入跳轉菜單的位置。選擇表單插入欄中的“跳轉菜單”命令,在網頁中插入一個跳轉菜單。

在彈出的“跳轉菜單”對話框中,根據提示輸入相應內容:

點擊確定,按F12預覽效果。

3、運行代碼實例

新建文件12.html。

打開12.html,插入表單,在表單中插入一個文本區域,在回車,再插入一個按鈕。

選中文本區域,在屬性面板中,設置文本區域的文本寬度為50,行數為8。

選中按鈕,在屬性面板中,將按鈕的值設為“運行代碼”。

選中form表單,在屬性面板中,單擊動作文本框旁的“浏覽按鈕”,選擇指向13.html,目標選擇_blank。

在11.html的代碼區復制整個代碼,在打開12.html文件,在設計視圖中選中文本區域,轉到代碼區,將光標放置在<textarea name="textarea" cols="50" rows="8"></textarea>的“><”之間,按住Ctrl+V粘貼11.html頁面的代碼。

保存後,按F12預覽。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved