网页中的表单展示
1.为什么需要表单?
使用表单的目的是为了收集用户信息。
在网页中,我们也需要跟用户进行交互,收集用户资料,此时需要表单。
2.表单的组成
表单域、表单控件(表单元素)和提示信息3部分构成。
表单域就是包含了很多小控件等,包含表单元素的区域,<form>标签用于定义表单域,以实现用户信息的收集和传递。<form>会把它范围内的表单元素信息提交给服务器。
<form action="url地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>
3.<input>表单元素
<input type="text">
<input type="password">
<input type="radio">
<input type="chekbox">
注意:其中性别单选按钮中必须要有相同的名字name,才能实现多选1
checked属性:表示默认选中状态。用于单选按钮和复选按钮。
注意:普通按钮button,常和js配合使用
<input type="button" value="获取短信验证码" />
其中的file,用于文件上传
<label>标签:用来增加用户体验,(当<label>标签绑定一个表单元素,点击<label>标签的文本时,浏览器就会自动将焦点(光标)转到对应的表单元素上。
语法:for 和 id 是对应起来的
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
上面的代码花花绿绿的,其实是有规律的,刚学习的小白可以记住下面的小妙招
小妙招:红色--代表标签,黄色--代表属性,墨绿色--代表值