本文的原始链接
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