<!-- 发送表单数据的方式常用值：get | post -->
<!-- action后面填写的是服务器地址，向何处发送表单数据 -->
<form action="" method="get">
<p>
用户名：
<!-- type="text"表示文本框 -->
<!-- size 元素的宽度 -->
<!-- maxlength 元素输入的最大的字符数 -->
<input type="text" size="50" maxlength="5">
</p>
<p>
密码：
<!-- type="password"表示密码框 -->
<input type="password" size="50">
</p>
<!-- type="checkbox" 复选框 可以多次勾选-->
<p>
请选择你的爱好：
<!-- checked="checked"、checked 和 checked="true"都表示选中的意思，如果不想选中就删去checked属性-->
篮球：<input type="checkbox" checked="checked">
足球：<input type="checkbox">
排球：<input type="checkbox">
</p>
<!-- type="radio"单选框 name使用同一个值来表示时，只能选择一个 -->
<p>
性别：
男：<input type="radio" name="sex" value="male" checked="true">
女：<input type="radio" name="sex">
</p>
<p>
文件上传：
<input type="file" name="" id="">
</p>
<!-- type="image" 可以显示图片，点击可以实现提交的功能 -->
<p>
图片提交按钮：
<input type="image" width="200px" height="100px" src="http://p1.music.126.net/dmFw9uYRr-mlZPkZ8w42YA==/109951166627508780.jpg?imageView&quality=89" alt="图片加载中">
</p>
<p>
普通按钮：
<input type="button" value="普通按钮">
</p>
<!-- 列表框 -->
<p>
<!-- name名称 value值 -->
拥有的汽车：
<select name="car" size="1">
<option value="0">宝马</option>
<option value="1">大众</option>
<option value="2" selected="selected">奔驰</option>
</select>
</p>
<!-- type="submit"表示提交按钮 -->
<input type="submit" value="提交">
<!-- reset表示表单重置 -->
<input type="reset" value="重置">
</form>
<form action="">
<!-- 会自动验证Email地址格式是否正确 -->
<!-- required表示这个是必须输入的文本框 -->
电子邮箱：<input type="email" name="emailname" placeholder="请输入邮箱" required>
<!-- 会自动验证URL地址格式是否正确 -->
网址：<input type="url" name="urlname">
<!-- 这个类型是color 点击提交会提交16位的颜色值给后台服务器 -->
选取颜色：<input type="color" name="colorname" >
<!-- type="search"表示一个搜索框 -->
<!-- placeholder 是输入框的提示信息 -->
搜索：<input type="search" name="searchname" placeholder="请输入你想搜索的关键字">
<!-- type="number"只是一个默认值，设置步长为4的时候，点击加只会在最小值的基础上去加或者减 -->
数字：<input type="number" name="numbername" value="5" step="4" min="2" max="20">
进度条：<input type="range" name="rangename" max="80" min="20" step="10" value="30">
<input type="submit" value="提交">
</form>
