html5 js操作from

HTML5 中提供了一些新的表单元素和 API，使得 JavaScript 可以更方便地操作表单。以下是一些常用的 HTML5 表单元素和 API：

1. `placeholder` 属性：用于在输入框中显示提示文本。

<input type="text" placeholder="请输入您的姓名">

2. `required` 属性：用于指定输入框必填。

<input type="text" required>

3. `pattern` 属性：用于指定输入框的内容必须满足指定的正则表达式。

<input type="text" pattern="[0-9]{3}-[0-9]{2}-[0-9]{4}" placeholder="请输入 SSN">

4. `min` 和 `max` 属性：用于指定输入框中可以输入的最小值和最大值。

<input type="number" min="0" max="100">

5. `step` 属性：用于指定输入框中的步长。

<input type="number" step="0.01">

6. `autocomplete` 属性：用于指定输入框是否启用自动完成。

<input type="email" autocomplete="on">

除了以上的属性，HTML5 还提供了一些新的 API，用于在 JavaScript 中操作表单。以下是一些常用的 API：

1. `document.forms` 属性：用于获取页面中所有的表单元素。

const forms = document.forms;

2. `form.elements` 属性：用于获取指定表单中的所有表单元素。

const form = document.forms[0];
const elements = form.elements;

3. `form.submit()` 方法：用于提交表单。

const form = document.forms[0];
form.submit();

4. `form.reset()` 方法：用于重置表单。

const form = document.forms[0];
form.reset();

5. `element.form` 属性：用于获取指定表单元素所属的表单。

const input = document.querySelector('input[type="text"]');
const form = input.form;