Python学习第226课html中

白癜风检查到中科 https://baike.baidu.com/item/%E5%88%98%E4%BA%91%E6%B6%9B/21900249?fr=aladdin
前面我们学习了一些常见的表单元素,表单就是用来收集用户的信息的,比如调查问卷、用户登录网站的页面等这类的网页,里面都要用到表单元素,当用户在前端页面上填入账号、密码、或者调查问卷的答案等等信息之后,就需要提交到后端服务器,那么这些表单里面的信息是如何提交到后端的呢?这就要用到提交按钮。提交按钮我们用button标签来实现。●button标签button标签用来定义一个按钮。在button标签的起始标签和闭合标签之间,我们可以放置文本或者图片形式的内容。●button的type属性我们知道input标签有一个type属性,不同的type属性,就代表不同功能的表单元素。而同样的,button标签也有type属性,button标签不同的type属性,就代表不同功能的按钮。也就是说,button标签的type属性,规定了按钮的类型。button标签的type属性我们主要用到以下3个类型值:①buttontype=button我是普通按钮/button--这就是一个普通按钮。②buttontype=submit提交/button--这就是一个提交按钮。③buttontype=reset重置/button--这就是一个重置按钮(清除表单数据)。说明:普通按钮,点击后没什么效果变化。提交按钮,点击后,会把表单中的数据提交到服务器,当然我们这里在页面上点击提交按钮之后,也提交不到后端去,因为我们没有后端程序,没有跟后端做连接。我们先知道,要提交信息都后端,需要用提交按钮。提交按钮我们要写到form标签里面。重置按钮相当于初始化、清零的操作,比如你表单里填了一些数据,你想重新填写,你点一下重置按钮,就会把已经填写的数据都清空。接下来我们做一下效果的演示,我们继续在myfirsthtml.html这个文件里添加代码,代码如下:浏览器中点击这几个按钮效果如下:补充:html中的按钮的定义方式有2种,一种是使用button标签,还有一种就是使用input标签。区别在于,button标签是闭合标签,input标签是单标签,也就是button标签起始标签和结束标签之间可以写文本或者图片形式的内容,而input标签没有闭合标签。所以用input标签创建按钮,是这样写的:inputtype=buttonvalue=点我inputtype=submitvalue=提交inputtype=resetvalue=重置input标签创建按钮以及它的效果我就不再演示了,这两种方式都可以,效果一样的。


转载请注明:http://www.aierlanlan.com/rzgz/7271.html

  • 上一篇文章:
  •   
  • 下一篇文章: