整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML网页编程之按钮详解

文介绍了网页编程中的按钮使用方法。按钮是网页中最常用的控件之一,点击后会触发某些程序。即使没有学习过编程,大家也应该知道按钮的概念。按钮的最大功能是点击后触发程序。这篇文章主要介绍了如何在网页中插入按钮,并讲解了按钮的属性和使用方法。

先来看看今天的实例效果。页面被分为三部分:按钮、按钮和按钮的共有属性。

首先是普通按钮,点击后文本框的内容发生了变化,但页面并没有刷新。接着是重置按钮,点击后文本框的内容恢复到初始状态,但页面仍然没有刷新。提交按钮点击后,页面重新加载,提交了表单中的内容。

接着是按钮,点击后文本框的内容发生了变化,但页面没有刷新。按钮包含一个图片且为灰色状态,无法点击。

现在来看看实现的代码。

输入和按钮的写法非常相似,这里只展示了最基本的写法。对于初学者来说,看一眼就明白了。

按钮有三个类型:普通、重置和提交。按钮的名称和值会提交到服务器端。

提交时提交的是按钮的值。ID和name是控制按钮的命名。

点击按钮时会触发onclick事件。autofocus属性会在页面加载完成后自动获取焦点。

disabled属性可以设置按钮是否可用,不设置时默认可用。

form属性用于设置提交到哪个URL、是否绕过验证、以及表单的相关设置。

相关属性的优先级高于在表单中设置的属性。

以上就是今天的分享内容,希望对大家有所帮助。import和button在网页中插入按钮的功能是相同的,两者的外观也没有明显的区别,但是它们的属性设置却存在一定的重叠。

为什么需要这两个标签呢?而阿里巴巴标签是HTML 5中新增加的标签,它的必要性体现在哪里呢?同学们要注意,阿里巴巴标签不是input,它不是一个封闭的标签,而是一个唯一的标签,可以包含文字或其他标签。

例如,可以使用阿里巴巴标签来插入图片。注意,由于用户使用的浏览器不同,底层的type值是必须填写的,绝对不能使用默认值。

今天的分享就到这里,希望各位同学能够认真练习,做到不看视频也能够正确地写出代码。所有的案例和相关文档都可以向我索取,下期再见,想学编程就关注我吧。

0

一、DOM是什么东西?文档对象模型。

html是超文本标签,不能直接用于编程,于是我们要把标签元素转成可以用于编程的对象,所以文档对象模型就出来了。

图1

图2

12是一个神奇的按键,有些网站把键盘默认禁用了,无法复制网站的内容,有些网站老是弹窗要求注册,这些都可以使用F12解决。对于开发人员来说,F12更是一个神器。

使用F12本来是再正常不过的操作,然而近日美国密苏里州发生了一件令人啼笑皆非的事情,一名记者使用F12发现了一个网站的漏洞,并提交给维护该网站的政府教育部门,结果被起诉,指控其黑客行为。

根据 Ars Technica 的报道,《圣路易斯邮报》的一名记者在密苏里州中小学教育部维护的网站,查询教师资格证书的时候,一时心血来潮,按下F12查看网站的html源代码,结果意外发现了一个会暴露教师和其他学校员工的社会安全号码(SSN)的安全漏洞。

这个网站允许用户查看密苏里教师的证书,只需要输入姓氏和社会安全号码的后四位数字,就能查询到对应老师的证书。然而因为这个安全漏洞,查询者可以轻易在html源代码中查看到完整的社会安全号码。

根据密苏里州的法律,社会安全号码是严禁公开和披露的。

让人大跌眼镜的是,当记者把这一漏洞,反馈给负责维护的教育部门,且承诺在修复漏洞期间,不会将漏洞公开后,竟然遭到了密苏里州政府的起诉。

首先,他们关闭了网站的访问权限,然后召开记者发布会,表示将起诉发现漏洞的记者。州长放下狠话:“该记者企图让国家难堪并为新闻头条不择手段他还说道,政府不会成为新闻媒体的棋子。政府会通过法律制裁任何一个入侵我们系统的人,追究所有帮助这个人的其他人和雇佣他们的媒体公司的责任。”

因为帮助记者验证漏洞,密苏里大学圣路易斯分校的网络安全教授Shaji Khan也遭受到了调查。

该事件一经发生,国外网友纷纷吐槽,有的人说:“真正的黑客从来不用F12,而是用Ctrl+Shift+i。”也有人调侃道“如果你用的是Windows,按下cmd-u或者ctrl-u,恭喜你,你现在已经是一名精英犯罪黑客了。”

这已经不是美国政客们闹出第一个关于IT领域的笑话。

早在2018年,脸书隐私门事件中,扎克伯格出席美国参众两院听证会时,参议院们的提问就暴露出他们对IT的无知。

比如参议员奥瑞恩·哈奇向扎克伯格提问“脸书不是免费的吗?你们怎么赚钱”等等。有的参议员还提出了许多自认为很有建设性的建议,比如用户能不能把自己的数据从脸书转移到别的平台等等,结果脸书早就这么做了。

网页安全真的不分国界,美国如此,中国的一些开发者也是如此。

手机号、密码、账号等数据应该保存在数据库中,而有的“开发者”不知道是水平有限,还是图省事,亦或是甲方尾款没到账,直接将这些敏感数据写在html代码中。曾经就有开发者做过很奇葩的事情,他直接将用户账号和密码写在html代码里,然后再判断用户数据的账号密码,是否与代码中的一样,以此来校验密码是否正确。

对于密苏里州州长的行为,真的特别想送他一本《HTML CSS JavaScript网页制作 从入门到精通》。