【Coursra】Anchor, button, input的区别

本文介绍了HTML5中<a>、<input>和<button>元素的区别和用途。Anchors用于创建超链接,Inputs用于数据输入,而Buttons则提供了一种更灵活的方式来创建按钮。它们的type属性决定了它们的功能,如提交表单、重置表单或自定义行为。值得注意的是,inputs和buttons支持disabled属性,但anchors不支持。
摘要由CSDN通过智能技术生成

本文的原始链接
https://davidwalsh.name/html5-buttons

我喜欢CSS的原因之一就是它能够让不同的元素经过我的改写之后变得一样。接下来,我们来看一下anchor, button, 和input怎么变得一样

首先从语法上面
这三者通过不同的markup标记表明各自的含义。
在这里插入图片描述

Anchors

<a>元素)代表超链接(hyperlinks)。
问题来了,我们常常说的超链接是啥呢?超链接的本质就是一种存在于浏览器种的资源,大家可以通过超链接连接到一个地方或者下载一些东西(具体参考crashcourse cs里面的解释)。
如果你想让你的用户跳转到一个新的页面或是下载一个文件,那么就考虑用anchor

Inputs

一个input(<input>)代表着一个数据字段。input中type属性告诉浏览器Input控制着什么类型的数据。以下有5种Input button相关的类型:

  • <input type="submit"> 这是最常用的input button类型,含义为如果点击了,就会submit一个form表单
  • <input typ
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值