当前位置：首页 > article >正文

第19章表单脚本

article 2025/1/15 20:50:55

Web 表单在 HTML 中以<form>元素表示,在 JavaScript 中则以 HTMLFormElement 类型表示。 HTMLFormElement 类型继承自HTMLElement 类型，

最常用的是将表单当作普通元素为它指定一个 id 属性，从而可以使用getElementById()来获取表单，比如： let form = document.getElementById("form1");

19.1.1 提交表单
提交按钮可以使用 type 属性为 "submit"
的 <input> 或 <button> 元素来定义，图片按钮可以使用 type 属性为 "image" 的 <input> 元素来定义。
19.5 富文本编辑
基本的技术就是在空白 HTML 文件中嵌入一个
iframe 。通过 designMode 属性，可以将这个空白文档变成可以编辑的
在这个包含页面内，需要使用 onload
事件处理程序在适当时机设置 designMode ，如下面的例子所示：
```
<iframe name="richedit" style="height: 100px; width: 100px"></iframe>
<script>
window.addEventListener("load", () => {
frames["richedit"].document.designMode = "on";
});
</script>
```
以上代码加载之后，可以在页面上看到一个类似文本框的区域。这个框的样式具有网页默认样式，
不过可以通过 CSS 调整。