模拟登陆
<form action="http://www.baidu.com">
姓名:<input name="username" type="text" placeholder="请输入姓名">
密码:<input name="password" type="password">
<input type="submit" value="提交">
</form>
注: form
标签必须包裹“表单域”和“表单按钮”
action属性:请求地址,指定form表单向何处发送数据
name属性:给表单起名
method=“get/post”:指定表单以何种方式发送到指定的服务器程序
get请求(默认)特点:把数据直接拼在URL上面
get请求的URL:http://www.baidu.com? username= & password=
placeholder属性:用于设置输入框还未输入内容时的提示文字
type="text" 普通文本输入框
type="password" 密码输入框
type="submit" 提交按钮 单选框
性别:男<input type="radio" name="sex" value="1" checked>
女<input type="radio" name="sex" value="2">
<input type="submit" value="提交">
运行出如下界面:
注: 同一组单选框必须设置相同的name属性值 给单选框设置不同的value属性值,使服务器能够区分 checked属性是默认选中,属性名与属性值相同,使用时直接写属性名即可 复选框 与单选框一致,把type属性值换成checkbox即可
下拉列表:由<select>
+<option>
组合而成
<form action="http://www.baidu.com">
<select name="select" size="4" multiple>
去过的城市: <option value="1">重庆</option>
<option value="2">武汉</option>
* <option value="3">北京</option>
<option value="4">上海</option>
<option value="5">深圳</option>
</select>
<input type="submit" vale="提交">
</form>
运行出一下界面:
注 size属性:下拉列表所展示的option数
multiple属性:实现多选
设置不同的value属性值,使服务器能够区分