很多站长朋友们都不太清楚html表单协议怎么做，今天小编就来给大家整理html表单协议怎么做，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 HTML 表单提交 的简单代码 2、 HTML网页制作：插入表单 3、 怎么做一个最简单HTML表单、 4、 html表单怎么做？ 5、 怎样用html写表单的教程 HTML 表单提交 的简单代码1、打开Dreamweaver 编辑器，准备好一个空白的html文件，写入基本的html结构：
2、创建表单，演示中表单中设置年龄和姓名两个属性，然后创建提交按钮：
3、上方设置script标签，在里面创建js函数，函数内容为获取表单提交
3、接着打开浏览器预览效果，在表单内填入内容点击提交：
4、点击提交后，js就会把数据提交到指定位置了。以上就是HTML提交表单的操作：
HTML网页制作：插入表单Html的表格用table来表示。下面，我们来看看HTML怎么插入表格吧。
01
table
首先定义HTML表格，代码为<table></table> ，如下图所示：
02
定义表格的行
使用tr元素定义HTML表格的行，如下图所示：
03
定义单元格
使用td元素定义单元格，如下图所示：
04
表格的边框
然后用border定义表格的边框，如下图所示：
怎么做一个最简单HTML表单、//登陆页面 login.asp<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ">
<html xmlns=" ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>登录框</title>
</head><body>
<form id="form1" name="form1" method="post" action="login_ok.asp">
<p> </p>
<p> </p>
<p> </p>
<table width="376" height="146" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100" align="right">用户名:</td>
<td width="276"><input name="username" type="text" id="username" /></td>
</tr>
<tr>
<td align="right">密码:</td>
<td><input name="password" type="password" id="password" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="提交" />
<input type="button" name="Submit2" value="取消" /></td>
</tr>
</table>
</form>
</body>
</html>
//接收页面 login_ok.asp<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ">
<html xmlns=" ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>OK</title>
</head><body>
<%
username=Request.Form("username")
password=Request.Form("password")
if username="name" and password="123" then
Response.Write("<script>alert('登录成功！')</script>>")
else
Response.Write("<script>alert('登录失败！')</script>")
end if
%></body>
</html>
html表单怎么做？先到网络上找段reset的css样式表导入本地，不知道的话建议查找下yui才reset，然后在去对input设定样式高度背景边框等样式就可以了
怎样用html写表单的教程我们在浏览一些网站时经常会用到一种网页元素--表单。如下图，像这样允许用户输入并使用按钮提交信息的功能，我们称之为表单，那么接下来介绍HTML表单相关的一些知识点。
1)表单:帮助服务器收集客户端信息的一种机制
<form action="提交到的页面" method="提交的方法">
表单控件
form>
action:数据最后所提交的页面 绝对路径/相对路径
method:数据提交服务器时的提交方法 post get
2)表单控件:表单用于用户填写信息的控件
1、文本控件: 用于用户填写较少信息，且可以显示用户填写信息的控件
(注册时，用户名填写)
格式:
<input type="text" name="" id="" value="" size="" placeholder=""/>
type:设置控件样式 text
name:用于表单收集信息的一种标示符，也就是控件的名称
2、密码框:只是用户输入的内容看不到
<input type="password" name="" id="" size=""/>
3、单选按钮组:由多个单选按钮组成的按钮组，只能选中其中一个，这种按钮组
<input type='radio' name="" value="" checked>标示符
name:为了保证传递服务器数据只有一个，所以name值必须相同
value：是用提交服务器时，该标签被提交的数据,value不能相同;
checked:默认按钮组中的那个按钮被选中
性别:<input type='radio' name="" value="" checked>男
<input type='radio' name="" value="" checked>女
<input type='radio' name="" value="" checked>保密
所有表单控件name值不能相同!!!
4、复选按钮组: 与单选按钮组的区别可以选择多个，为了能将用户选择的多项内容传递服务器中，要将name名字后面加个[]
格式:
<input type='checkbox' name="" id="" value="" checked>标示
选课:
<input type='checkbox' name='classes[]' checked value='1'>语文
<input type='checkbox' name='classes[]' value='2'>数学
<input type='checkbox' name='classes[]' value='3'>历史
<input type='checkbox' name='classes[]' value='4'>政治
<input type='checkbox' name='classes[]' value='5'>物理
<input type='checkbox' name='classes[]' value='6'>化学
<input type='checkbox' name='classes[]' checked value='7'>美术
注意：一定要在name属性后面添加[]
5)下拉列表框:
格式:
<select name="" >
<option value="" selected>下拉列表项option>
<option value="" >下拉列表项option>
<option value="" >下拉列表项option>
<option value="" >下拉列表项option>
<option value="" >下拉列表项option>
select>
multiple:允许用户选中多个下拉列表项
optgroup: 设置下拉分类标示
6) 文本域：可以输入多行数据的表单控件
<textarea name="" id="" cols="" rows="">
内容
textarea>
rows:设置文本域可以输入的行数
cols:设置的文本域输入的列数(一行可以输入多少个字符)(不是PX)
个人介绍:
<textarea name='descs' cols="50" rows="10">
我是个学生
textarea>
7)隐藏域：
<input type="hidden" name = “”value =””>
8)上传控件：
<input type="file" name=””>
9)按钮标签:
普通按钮:为js提供的控件
<input type='button' name=”” value=""/>
value：按钮中显示的数据和提交到服务器后该控件提交的值
<input type='button' name='clicks' value="点我"/>
提交按钮:点击后可以提交表单
<input type='submit' name="add" value='注册'/>
重置按钮:点击后可以将用户输入的数据清空
<input type='reset' name='cancel' value='重置'>
图片提交按钮:使用图片作为提交按钮
<input type='image' src='图片地址' name=””>
本文的分享就到这，希望我的回答能帮到你。
关于html表单协议怎么做的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html表单协议怎么做 表单怎么写HTML的详细内容...