怎么做淘宝客个人网站,哪建设网站好,wordpress自定义分类链接,wap手机商城网站源码前面我们学习了一些常见的表单元素#xff0c;表单就是用来收集用户的信息的#xff0c;比如调查问卷、用户登录网站的页面等这类的网页#xff0c;里面都要用到表单元素#xff0c;当用户在前端页面上填入账号、密码、或者调查问卷的答案等等信息之后#xff0c;就需要提…前面我们学习了一些常见的表单元素表单就是用来收集用户的信息的比如调查问卷、用户登录网站的页面等这类的网页里面都要用到表单元素当用户在前端页面上填入账号、密码、或者调查问卷的答案等等信息之后就需要提交到后端服务器那么这些表单里面的信息是如何提交到后端的呢
这就要用到提交按钮。
提交按钮我们用button标签来实现。
●button标签
标签用来定义一个按钮。
在标签的起始标签和闭合标签之间我们可以放置文本或者图片形式的内容。
●button的type属性
我们知道input标签有一个type属性不同的type属性就代表不同功能的表单元素。
而同样的button标签也有type属性button标签不同的type属性就代表不同功能的按钮。
也就是说button标签的type属性规定了按钮的类型。
button标签的type属性我们主要用到以下3个类型值
①我是普通按钮--这就是一个普通按钮。
②提交--这就是一个提交按钮。
③重置--这就是一个重置按钮(清除表单数据)。
说明
普通按钮点击后没什么效果变化。
提交按钮点击后会把表单中的数据提交到服务器当然我们这里在页面上点击提交按钮之后也提交不到后端去因为我们没有后端程序没有跟后端做连接。我们先知道要提交信息都后端需要用提交按钮。
提交按钮我们要写到form标签里面。
重置按钮相当于初始化、清零的操作比如你表单里填了一些数据你想重新填写你点一下重置按钮就会把已经填写的数据都清空。
接下来我们做一下效果的演示我们继续在my first html.html这个文件里添加代码代码如下浏览器中点击这几个按钮效果如下补充
html中的按钮的定义方式有2种一种是使用button标签还有一种就是使用input标签。
区别在于button标签是闭合标签input标签是单标签也就是button标签起始标签和结束标签之间可以写文本或者图片形式的内容而input标签没有闭合标签。
所以用input标签创建按钮是这样写的input标签创建按钮以及它的效果我就不再演示了这两种方式都可以效果一样的。
