表單的應(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)?梢灾付ㄔL問者最多可輸入的行數(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ù)覽。