<html> <head> <title>表单</title> </head> <body> <form action="#" method="post"> 姓名：<input name="username" value="zhangsan"/></br> 密码：<input type="password" name="password" value="123"/></br> 性别：<input type="radio" name="sex" value="1" checked="checked"/>男 <input type="radio" name="sex" value="0" />女</br> 爱好：<input type="checkbox" name="bobby" value="socker" checked="checked"/>足球 <input type="checkbox" name="bobby" value="eat"/>吃东西 <input type="checkbox" name="bobby" value="phone"/>玩手机 <input type="checkbox" name="bobby" value="sleep"/>睡觉</br> 地址：<select name="pro"> <option value="100">黑龙江</option> <option value="200" selected="selected">吉林</option> <option value="300">辽宁</option> </select> <select name="city"> <option value="10001">哈尔滨</option> <option value="10002">漠河</option> <option value="20001">长春</option> <option value="20002" selected="selected">吉林</option> <option value="30001">沈阳</option> <option value="30002">铁岭</option> </select></br> 头像：<input type="file" name=""/></br> 备注：<textarea rows="5" cols="30" name="txt"> hello </textarea></br> <input type="submit" /> <input type="reset" /> <input type="botton" value="取消"/> </form> </body> </html> <!-- 表单 作用：收集客户信息 form表单标签 常用的属性： action:提交的路径,默认当前页面 method:提交方式，默认get 常用的提交方式为get post 区别： 1.get请求会把参数显示在地址中，post不会 2.get请求参数的大小有限制，post没有限制 常用的子标签： input select textarea input子标签 常用属性 type:input的类型，可选值如下： text:文本框 password:密码 radio：单选框,可以通过name ，把其设为一组，name值相同 checkbox:复选框，可以通过name ，把其设为一组，name值相同 注意：radio和checkbox要想通过name传值，必须写value属性！！！ file:打开文件 submit:提交 botton:普通按钮 reset:重置 image:图片形式的提交按钮，用来替代submit hidden:隐藏域，不会在页面上展示 name: 若想把信息发送到服务器端，必须有name属性 可以通过name ，把其设为一组，name值相同 select子标签： 下拉选 格式： <select name="发送给服务器的名称"> <option value="选中后发送给服务器的值1">显示的内容1</option> <option value="选中后发送给服务器的值2">显示的内容2</option> </select> textarea子标签： 文本域 常用属性： rows:高度 cols:宽度 关于默认值： 文本框和密码框，通过value设置默认值 单选框和复选框，通过checked="checked"设置默认值 下拉选，通过selected="selected"设置默认值 文本域，直接在标签体中写内容即可 提交的格式分析： ?username=123&password=222&sex=0&bobby=socker&bobby=phone&pro=300&city=10001&txt=hello -->
