实现如何动态提示输入框剩余子符很简单,获取当前字符数,再修改下标显示的数字就可以。但是谈及如何支持屏幕阅读器,大部分学习前端的小伙伴就有点束手无策了。正好碰到有一个类似的需求,就总结一下。希望能帮助到有需求的小伙伴。
源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style type="text/css">
.textArea__wrapper{
position: relative;
display: inline-block;
}