Css html5上的aria不'；在简单的登录示例中不起作用
我对咏叹调这个东西还不熟悉，从我在互联网上读到的有关它的信息来看，没有任何东西说应该安装一些东西才能让它工作。我尝试了一个非常简单的例子，但除了我在样式标签中编写的带有一点css的纯html5之外，什么都没有发生：Css html5上的aria不'；在简单的登录示例中不起作用,css,html,wai-aria,Css,Html,Wai Aria,我对咏叹调这个东西还不熟悉，从我在互联网上读到的有关它的信息来看，没有任何东西说应该安装一些东西才能让它工作。我尝试了一个非常简单的例子，但除了我在样式标签中编写的带有一点css的纯html5之外，什么都没有发生： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <h1>ARIA<h1> <style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<h1>ARIA<h1>
<style>
input:focus + [role="tooltip"] {
display: block;
position: absolute;
top: 100%;
}
</style>
</head>
<body>
<form action="">
<fieldset>
<legend>Login form</legend>
<div>
<label for="username">Your username</label>
<input type="text" id="username" aria-describedby="username-tip" required />
<div role="tooltip" id="username-tip">Your username is your email address</div>
</div>
<div>
<label for="password">Your password</label>
<input type="text" id="password" aria-describedby="password-tip" required />
<div role="tooltip" id="password-tip">Was emailed to you when you signed up</div>
</div>
</fieldset>
</form>
</body>
</html>
咏叹调
输入：焦点+[role=“tooltip”]{
显示：块；
位置：绝对位置；
最高：100%；
}
登录表格
您的用户名
您的用户名是您的电子邮件地址
你的密码
您注册时已通过电子邮件发送给您