实例教程：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
- 阅读 ( 703 )
- 分类：电脑网络
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章