1.表单标记
<form> </form>定义表单的开始位置和结束位置，表单提交时的内容就是表单中的内容。
基本格式：
<form action="服务器端地址(接收表单内容的地址)" name="表单名称" method="post或get">...</form>
常用属性:
| name | 表单名称 |
|---|---|
| method | 传输数据的方式，分别为post和get两种(默认为get方式) get:表单内容附加在url地址后面，限制长度8192不具备保密性。 post:将表单中的数据包含在表单主体中，无大小限制。 |
| action | 表单数据的处理程序的url地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性，需要指定其属性为"no" |
| enctype | 规定在发送到服务器之前应该如何对表单数据进行编码 |
| target | 和超链接的属性类似，用来指定目标窗口 |
2.文本域和密码
<input>标记为单标记，没有结束标记。
基本语法
<input type="" name="" value="" size="" maxlength="">
属性介绍
| type | text(文本输入域)或password(密码输入域) |
|---|---|
| name | 定义控件名称 |
| value | 初始化值，打开浏览器时，文本框中内容 |
| size | 设置控件长度 |
| maxlenght | 输入框中最大允许输入的字符数 |
| placeholder | 提示信息 |
3.提交、重置、普通按钮
当<input type="submit">时，为提交按钮。
当<input type="reset">时，为重置按钮。
当<input type="button">时，为普通按钮。
4.单选框和复选框
当<input type="radio">时，为单选框按钮。
当<input type="checkbox">时，为复选按钮。
5.隐藏域
当<input type="hidden">时，为隐藏表单域。
6.多行文本域
语法格式： <textarea name="name" rows="value" cols="value">文本内容</textarea>
rows属性和cols属性分别用来指定显示的行数和列数，单位(字符个数)
7.菜单下拉列表域
<select>标记
语法格式
<select name="" size="value" multiple>
<option value="1" selected>选项一</option>
<option value="2" selected>选项二</option>
<option value="3" selected>选项三</option>
...
</select>
Tips：multiple 表示是否多选
8.表单示例
<html>
<head>
<title>表单设计</title>
<meta charset="utf-8">
</head>
<body>
<form method="get">
账号 <input type="text" name="username" size=10 maxlength=5><br><br>
密码 <input type="password" name="password" size=10 maxlength=10><br><br>
性别:<input type="radio"name="test">男<input type="radio"name="test">女<br>
爱好:<input type="checkbox" checked>篮球 <input type="checkbox" checked>乒乓球<br>
<br><br><input type="submit" value="登录"> <input type="reset" value="清空"><br><br>
<input type="button" value="点我测试"><br><br><br>
简介:<br><textarea name="name" rows="12" cols="24">文本内容</textarea><br><br>
下拉菜单：<select name="dizhi">
<option value="1" selected>选项一</option>
<option value="2" selected>选项二</option>
<option value="3" selected>选项三</option>
</select>
</form>
</body>
</html>
效果图：
