實例教程：HTML中的表單
工具/材料
visual studio
操作方法
-
01
創建一個HTML表單
使用form標簽來定義一個HTML表單，在這個定義的區域內編程需要的內容，注意form標簽是塊級元素，因此會換行。比如我們編寫如下代碼就表示一個HTML表單，如下所示：
<form> </form> -
02
表單的action和method屬性
在form標簽中還可以定義action 和method 屬性，其中action表示該表單要提交的路徑，而method表示表單的提交方式，有post和get兩種方式。比如編寫如下代碼：
<form action="test2.asp" method="post"> </form> -
03
文本域
（1）編寫代碼
表單還可以使用input標簽，使用type為text來定義文本域，該文本域表示用戶可以在該文本區域內輸入文字等，比如用戶的名稱、昵稱等就使用文本域來定義，比如編寫如下代碼：
（2）預覽效果
在瀏覽器中預覽，可以看到效果如下圖所示： -
04
密碼域
（1）編寫代碼
一般在登陸或注冊頁面都需要使用密碼域來定義用戶的密碼，比如編寫代碼如下所示：
密 碼: <input type="password">
（2）預覽效果
然后在瀏覽器中預覽效果，可以看到我們輸入的字符都是密文，如下圖所示： -
05
提交按鈕
（1）編寫代碼
然后我們來需要定義一個提交按鈕，比如編寫如下代碼：
<input type="submit" value="提交">
（2）預覽效果
然后在瀏覽器中預覽效果，可以看到一個名稱為【提交】的按鈕，如下圖所示： -
06
添加新項
右擊vs頁面右側中的d:\VS文件，在彈出的下拉菜單中選擇【添加新項】，如下圖所示: -
07
更改名稱
在彈出的窗口中，找到【名稱】，然后在右側中更改名稱為【test2.aspx】，然后點擊【添加】按鈕，如下圖所示： -
08
預覽效果
然后重新預覽效果，可以看到在表單中輸入字符之后，點擊【提交】按鈕，會更新頁面，將表單提交給test2頁面，但是由于test2頁面沒有對提交來的表單做出動作，因此，test2內容不會發生變化，如下圖所示： - End
- 發表于 2017-10-09 00:00
- 閱讀 ( 701 )
- 分類：電腦網絡
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章