表单基本内容
1.表单基本标签
<!-- action="url地址,提交表单时执行的运作" method="提交方式(GET或POST)" name=""-->
<form action="">
账号:<input type="text" name="" id=""><br>
邮箱:<input type="email" name="" id=""><br>
密码:<input type="password" name="" id=""><br>
<!-- 单选按钮要设置同一name -->
性别:男<input type="radio" name="man" id="">
女<input type="radio" name="man" id=""><br>
<!-- checked为true——首次载入时被选中 -->
技能:HTML+CSS<input type="checkbox" name="skill" id="" checked="true">
Javascript<input type="checkbox" name="skill" id="">
Php<input type="checkbox" name="skill" id="">
Java<input type="checkbox" name="skill" id=""><br>
头像:<input type="file" name="" id=""><br>
现居地:<select>
<option value="">浙江</option>
<option value="">上海</option>
<option value="">广东</option>
</select><br>
留言:<textarea name="" id="" cols="30" rows="5"></textarea><br>
验证码:<input type="text" name="" id=""><img src="img/validate.png" alt=""><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
容易忽略的点:换行符br、文本域textarea、选择器select
2.label标签配合使用情况
<label for="account">账号:</label><input type="text" name="" id="account"><br>
上述用于绑定一个表单元素,当点击label标签内容时,浏览器自动将焦点转到对应的id表单元素