<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
-->