HTML无法直接生成数组，需用input或textarea配合JavaScript解析：split()转字符串数组再转数字，注意trim、正则替换中文标点、多行换行符兼容、NaN过滤及用户提示。
HTML 本身不能直接接收键盘输入并生成数组
HTML 是标记语言，不处理逻辑。所谓“用 HTML 实现数组输入”，实际得靠 <input> 或 <textarea></textarea> 搭配 JavaScript 解析——否则你敲进去的只是字符串，不是数组。
input type="text" + split() 是最常用但容易出错的方式
用户在文本框里输 1,2,3,4，你用 .split(",") 得到字符串数组，再转数字：
const input = document.getElementById("arrInput").value;
const arr = input.split(",").map(s => parseFloat(s.trim()));
常见错误现象：
- 用户输空格或换行：
"1, 2 , 3"→trim()必须加，否则parseFloat(" 2 ")虽能工作，但parseInt(" 2 ", 10)更稳 - 输了非法字符：
"1,2,abc,4"→parseFloat("abc")返回NaN，后续计算崩；建议加过滤：.filter(n => !isNaN(n) && isFinite(n)) - 输了中文逗号、顿号：
"1，2、3"→split(",")完全失效；可先用正则替换：.replace(/[,，、\s]+/g, ",").split(",")
用 <textarea></textarea> 处理多行输入更自然
适合用户逐行输入数字（如粘贴 Excel 列），比单行输入容错高：
立即学习“前端免费学习笔记（深入）”；
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
const lines = document.getElementById("arrArea").value
.split(/\r\n|\r|\n/)
.map(line => line.trim())
.filter(line => line)
.map(line => Number(line));
关键点：
-
split(/\r\n|\r|\n/)兼容 Windows/macOS/Linux 换行符 - 两次
trim()：一次去每行首尾空格，一次过滤纯空行 -
Number()比parseInt()更适合浮点数，且对空串返回NaN，便于后续过滤
别忽略用户输入意图和边界情况
真实场景中，用户可能想输：[1, 2, 3]、1 2 3、甚至 JSON 格式。硬写死一种解析逻辑会频繁报错。
建议做法：
- 明确提示格式，比如 placeholder 写
用逗号分隔，如：3.14, -2, 0 - 输入后立刻校验并反馈，而不是等到提交才报
NaN - 如果业务允许，直接让用户输 JSON：
JSON.parse(input)，但必须try/catch，且提示“请输合法 JSON 数组” - 移动端注意软键盘类型：
<input type="number">无法输逗号，不适合多值输入
最麻烦的其实是用户根本没看提示就乱输——所以解析逻辑宁可啰嗦点，也别信 split(",") 一把梭。
