From bb85991b5d1c6ea90a7169077569b18264bc206b Mon Sep 17 00:00:00 2001 From: ruanyf Date: Sun, 1 Oct 2023 10:57:10 +0800 Subject: [PATCH] docs(feature/form): add form-sizing --- docs/feature/form.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 docs/feature/form.md diff --git a/docs/feature/form.md b/docs/feature/form.md new file mode 100644 index 0000000..5e9c7ab --- /dev/null +++ b/docs/feature/form.md @@ -0,0 +1,18 @@ +# 表单的 CSS 设置 + +## textarea + +文本框(textarea)用于让用户输入大量文本。它的高度通常是固定的,如果用户输入的文本多于文本框的高度,文本框就会出现滚动条,只有拖动滚动条,才能看见文本的其余部分。 + +`form-sizing`属性让文本框具有自适应高度,随着用户输入的文本增加,而增加文本框的高度。 + +```css +textarea { + form-sizing: normal; +} +``` + +## 参考链接 + +- [Textareas with auto-increasing height using CSS](https://www.amitmerchant.com/textarea-auto-increase-height/) +

AltStyle によって変換されたページ (->オリジナル) /