<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
描述：之前学的都是用来显示的标签，没有输入功能
表单标签：提交表单中的数据给服务器
<form></form>
action:指定提交表单数据的地址
method:提交数据的方式
get:
post:
-->
<form action="http://www.baidu.com" method="get">
<!--单行文本输入框：普通的输入框，用户名，账号
input 必须给一个name属性，因为数据需要传递到服务器，服务器需要根据name属性取值
value 给默认值
placeholer 提示性文字
-->
<input type="text" name="username" placeholder="用户名" /><br />
<!--密码输入框-->
<input type="password" name="password" placeholder="密码" />
<br/>
<!--
单选按钮：
name 属性：多个单选按钮需要给定同样的name属性，否则不能实现单选的功能
value 属性：提交到服务器的值
checked 属性： 默认是不选中的， checked="checked" 就是默认选中
-->
性别： <input type="radio" name="sex" value="man" /> 男
<input type="radio" name="sex" value="woman" checked="checked" />女<br />
<!--
多选框
name: 同一组的多选框需要指定同一个name属性
why? 同一组的数据会传递到服务器，封装成一个数组
value: 传递到服务器的数据
-->
人生追求：<br />
<input type="checkbox" name="favorite" value="豪车" checked="checked" />豪车
<br />
<input type="checkbox" name="favorite" value="美女" checked="checked" />美女
<br />
<input type="checkbox" name="favorite" value="money" checked="checked" />大把钞票
<br />
<input type="checkbox" name="favorite" value="包包" checked="checked" />迪奥
<br />
<!--
文本域
行数：rows
每一行的字符数：cols
-->
请用几句话赞扬一下老周：
<br />
<textarea name="commond" rows="3" cols="100"></textarea>
<!--
type="file" 提交文件，点击之后会打开资源管理器
-->
<br /> 请选择照片上传：
<input type="file" name="icon" />
<br />
<!--
下拉框：
<select>
<option></option>
</select>
注意：select 需要指定name属性
option 需要指定value
-->
选择城市：
<select name="city">
<option value="WH">武汉</option>
<option value="HS">黄石</option>
<option value="HG">黄冈</option>
<option value="XG">孝感</option>
</select>
<br />
<!--
type="submit" 提交按钮，点击之后会将表单数据提交到 form:action 指定的地址
-->
<input type="submit" value="提交" />
<!--
type="reset" 重置：清空输入数据
-->
<input type="reset" value="重置" />
</form>
</body>
</html>
1243
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
