表单
文本域
原生 <textarea> 与输入框采用一致样式，以保持统一。
查看源码
<textarea
name="bio"
placeholder="Write a professional short bio..."
aria-label="Professional short bio"
>
</textarea>禁用文本域
查看源码
<textarea name="disabled" disabled>
Disabled
</textarea>只读文本域
查看源码
<textarea name="read-only" readonly>
Read-only
</textarea>验证状态
通过 aria-invalid 提供验证状态。
查看源码
<textarea name="valid" aria-invalid="false">
Valid
</textarea>
<textarea name="invalid" aria-invalid="true">
Invalid
</textarea>在文本域下方用 <small> 定义的辅助文本，会继承验证状态的颜色。
Looks good!Please provide a valid value!
查看源码
<textarea
name="valid"
aria-invalid="false"
aria-describedby="valid-helper"
>
Valid
</textarea>
<small id="valid-helper">Looks good!</small>
<textarea
name="invalid"
aria-invalid="true"
aria-describedby="invalid-helper"
>
Invalid
</textarea>
<small id="invalid-helper">
Please provide a valid value!
</small>