一、表单标签的作用,收集用户的信息,可以将用户信息进行提交保存
<form action="login.php" method="get">
姓名:<input type="text" placeholder="请输入姓名">
</form>
二、表单标签的使用
1、表单域/表单框:父级元素,规定一个区域
2、表单控件:子级元素、收集用户信息的
三、表单框标签的使用
1、action 方式 表示数据提交方式,地址
2、method 方法:前端和后台交互方式,前端提交数据方式 get/post(都表示发送数据)
- get会在地址栏种携带参数,post不会,"相对"来说get比post要安全
-?表示后面携带参数
四、表单标签的使用[五星级重点]
1、标签名称,input默认表示输入的意思
2、标签属性
tpye:表示类型,可以通过设置不同的属性值,让表单控件有不同作用
-text 默认的是text表示文本输入框,输入姓名,昵称
-password 表示密码框
-submit 提交
-reset 重置
【value】表示计算结果,提示文本(默认是占位置的,用户输入的时候需要手动删除文本)
【placeholder】占位符,h5新增属性,不占位置的,用户输入的时候会自动消失
【name】表示名字,在表单中可以绑定用户提交参数是什么
五、表单控件中的空按钮
1.空按钮没有任何意义,需要绑定js事件变得有意义
2.俩种表达形式
-type类型 type=“button”
-标签形式<button></button>默认会提交一次页面
表单的使用
最新推荐文章于 2024-10-02 05:39:15 发布