【表单标签】<form>
表单标签是最常用的标签，用于与服务器端的交互。
<input>：输入标签：接收用户输入信息。
其中type属性指定输入标签的类型。
（1）文本框text：输入的文本信息直接显示在文本框中；
（2）密码框password：输入的文本以原点或者星号的形式显示；
（3）单选框radio：单项选择题；
（4）复选框checkbox：多项选择题；
（5）隐藏字段hidden在页面上不显示，但在提交的时候随其他内容一起提交；
（6）提交按钮submit：用于提交表单中的内容。
=========================================================================================================
【示例】
<html>
<form>
输入名称:<input type="text" name="user" value="haha"/><br/>
输入密码:<input type="password" name="psw"/><br/>
选择性别:<input type="radio" name="sex" value="nan"/>男
<input type="radio" name="sex" value="nv" checked="checked" />女<br/>
选择技术:<input type="checkbox" name="tech" value="java" />JAVA
<input type="checkbox" name="tech" value="html" />HTML
<input type="checkbox" name="tech" value="css" />CSS
选择文件:<input type="file" name="file" /><br/>
一个图片:<input type="image" src="11.jpg" /><br/>
隐藏组件:<input type="hidden" name="mykey" value="myvalue" /><br/>
一个按钮:<input type="botton" value="按钮" οnclick="alert('我弹')" /><br/>
<input type="reset" value="清除数据" /><input type="submit" value="提交数据" />
</form>
</html>
【解释】
（1）input是输入标签，type是指定形式，text是在文本框中输入，password是让输入的内容以原点或星号显示，<br/>是换行；
（2）radio是单选框，其中“选择性别”一栏两个选项：“男”和“女”，分别在其中指定名称name="sex"是为了完成单选的效果，
即用name来分组，同一个名字的一组，所以“男”和“女”是同一组的两个选项，同时radio又限制了必须单选，所以这行是单选题；
（3）checked="checked"作用：在“选择性别”一栏默认选择“女”，当然如果你是男的可以手动选择“男”，如果不操作，默认是女性；
（比如美容网站就可以这么设置）
（4）checkbox是当前选择为多选；
（5）reset是重置，submit是提交，该行代码是在网页上生成两个按钮，第一个写的是“清除数据”，单击会清除表单中所有已填项目
（即将表单还原）；第二个写的是“提交数据”，单击会将填好的表单进行提交；
（6）【注】提交给服务端必须明确属性信息，所以每个属性都要指定name和value，这样服务端根据键值对才能获取到准确信息，如第一行
中的name="user"和value="haha"，提交后，服务端拿到键值对user=haha，在网页地址栏也有显示“user=haha”；
（当用户在“输入名称”一栏填入除haha外的别的内容，如xxoo，也能正常提交，且键值对变为user=xxoo，以下代码同理）
（7）“选择文件”一行代码在网页中效果是出现一个选择文件的窗口，file是文件组件，边上有“浏览...”或“选择文件”，即从本地
电脑选择文件；
（8）“一个图片”一行代码在网页中效果是出现一个图片（显示×表示没链接成功或没有该图片），image是图片组件，【注意】该图片
具有提交效果，即单击该图片可以提交表单数据（那么就可以做一个图片提交按钮，更加美观）；
（9）“隐藏组件”一行代码在网页中效果是只能看到“隐藏组件”这四个字，看不到别的文本框等，hidden是隐藏组件，【注意】当某些
内容不需要让客户端知道而需要提交给服务端时，用该组件，这个组件开发很常用；
（10）“一个按钮”一行代码在网页中效果是有个按钮，单击弹出对话框“我弹”，botton是按钮组件，reset和submit组件带有默认
处理机制，而botton没有，需要开发者自定义。
【运行结果】
打开该网页，填入内容，提交数据，在网址栏最后发现出现如下信息：
user=abc&psw=111&sex=nan&tech=java&tech=html&tech=css
说明数据提交成功
【切记】
给服务端提交数据时，必须要name+value键值对
<form>和</form>必须要有，否则单击“清除数据”和“提交数据”没反映
6042
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
