在HTML语言中 ， 表单是很常用的 ， 比如在注册和登陆功能界面上 ， 一般以form标签来定义表单 。 下面 ， 我们来看看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=https://vvvtt.com/article/"提交">
（2）预览效果
然后在浏览器中预览效果 ， 可以看到一个名称为【提交】的按钮 ， 如下图所示：
文章插图
文章插图
06 添加新项
右击vs页面右侧中的d:\VS文件 ， 在弹出的下拉菜单中选择【添加新项】 ， 如下图所示:
文章插图
07 更改名称
在弹出的窗口中 ， 找到【名称】 ， 然后在右侧中更改名称为【test2.aspx】 ， 然后点击【添加】按钮 ， 如下图所示：
文章插图
08 【实例教程：HTML中的表单】
推荐阅读
- AI教程：标尺的使用
- 抖音灵魂出窍特效在哪 怎么弄抖音灵魂出窍教程
- VMware Workstation 15 Pro详细安装教程
- 铜门效果图ps制作教程
- ABAQUS 6.14.1安装教程
- 电脑安装安卓模拟器教程/电脑怎么玩微信
- 红米note3全网通高通刷机教程
- 华为Mate7刷机教程
- 手机qq动态头像设置教程
- PPT平滑切换教程