<!doctype html>
<html>
<head>
<title>表单元素</title>
</head>
<body>
表单可以把来自用户的信息提供给服务器，是网站管理员与浏览者之间沟通的桥梁，可以收集、分析用户 反馈的意见。
表单有两个重要的组成部分，一是描述表单的HTML源代码，二是用于处理用户在表单中输入的信息的服务 器端应用程序客户的脚本。
表单使用的<form>标记是成对出现的。在首标记<form>中和尾标记</form>之间的部分就是一个表单
<!-- 表单元素 action服务器地址，将表单中的数据提交给那个服务器（跳转到地址） （应用程序）
method通过什么方式提交到服务器 post get(默认)
post：地址栏中加密显示
get：可在地址栏中查看到提交的内容
name 给表单定义名称-->
<form name="..." action="..." method="...">
<!--input是一个单标记，name、type必须写
不同的输入方式下，type类型不同含义不同
type九种类型：
text：文本框
<input type="text" name="username" value="输入用户名" size="50px" maxlength="10">
<!--为text时包含属性：size：长度；value：默认显示文字；maxlength：最大输入字符数-->
submit：提交按钮、确认、登录、注册
<!--提交时按照表单中的action路径提交-->
<input type="submit" value="提交" name="sub">
reset：重置按钮、清除（表单内的内容恢复到默认状态）
<input name="ret" type="reset" value="重置">
button：自定义按钮(无任何作用，后期用js添加对应功能)
<input type="button" name="" value="按钮中的显示文字" >
password：密码框(为submit时文字显示方式为密文)
<input type="password" name="psd" value="输入密码" size="50px" maxlength="10">
<!--为password时包含属性：size：长度；value：默认显示文字；maxlength：最大输入字符数-->
checkbox：复选框
<!--value中的内容提交到表单中，必须写-->
radio：单选框
<input type="radio" value="男" name="rad">男
<input type="radio" value="女" name="rad">女
<!--value中的内容必须写，value中的值是提交到表单中的-->
<!--单选按钮和复选框特有的属性checked，默认选中
单选按钮只能给一个input添加
在同一组选择中单选按钮和复选框的name名称必须一致
name、value、type必须写-->
image：代替submit按钮（将submit按钮改成图片形式）
<input type="image" src="图片路径" valign="center">
hidden：隐藏效果（只包含value和name，页面不显示）
file：上传按钮（上传文件，只包含name
）-->
<input name="" type="">
...
<!--下拉列表-->
<!--size:显示几项
multiple：可以多选-->
<select size="5" multiple>
<option value=""></option>
</select><br>
...
<!--文本域
cols:列数
rows：行数-->
<textarea name="" cols="" rows="">
...
</textarea>
</form>
表格内部嵌套表单
</body>
</html>
