document.getElementById("form1").reset();

这行代码的作用是重置表单中的所有输入字段的值为默认值，即将表单恢复到初始状态。具体解释如下：

- document.getElementById("form1")：获取 ID 为 "form1" 的表单元素。
- .reset()：调用表单元素的 reset() 方法，将表单中所有的输入字段的值重置为它们的默认值。

因此，这行代码执行后，与表单相关的所有输入字段（如 input、select、textarea 等）的值会被重置为它们的默认值。

相关问题

<form target="ip" id="form28" name="form4" method="post" action="/cgi-bin/vgaic.cgi"> <input type="text" name="ip" id="ip" size="16" /> <label for="name1_submit"></label> <input type="submit" name="name1_submit" id="name1_submit" onclick="if(confirm('需重启才能生效，是否立即重启？')) {document.getElementById('form50').submit();} else {document.getElementById('form28').submit();}" value="设置" /> <label for="label50"></label> <input type="reset" name="name_abord16" id="label50" value="清除" /> </form> <form target="ip" id="form20" name="form5" method="post" action="/cgi-bin/vgaic.cgi"> <input type="text" name="netmask" id="netmask" size="16" /> <label for="name2_submit"></label> <input type="submit" name="name2_submit" id="name2_submit" onclick="if(confirm('需重启才能生效，是否立即重启？')) {document.getElementById('form50').submit();} else {document.getElementById('form20').submit();}" value="设置" /> <label for="label48"></label> <input type="reset" name="label2" id="label48" value="清除" /> </form>请将里面的onclick事件封装成一个函数

好的，请看下面的代码：

function confirmRestart(formId) {
  if (confirm('需重启才能生效，是否立即重启？')) {
    document.getElementById('form50').submit();
  } else {
    document.getElementById(formId).submit();
  }
}

你可以将这个函数加入到页面的 `<script>` 标签中，然后在 `<input>` 标签的 `onclick` 中调用该函数并传入对应的表单 ID。

例如：

<form target="ip" id="form28" name="form4" method="post" action="/cgi-bin/vgaic.cgi">
  <input type="text" name="ip" id="ip" size="16" />
  <label for="name1_submit"></label>
  <input type="submit" name="name1_submit" id="name1_submit" onclick="confirmRestart('form28')" value="设置" />
  <label for="label50"></label>
  <input type="reset" name="name_abord16" id="label50" value="清除" />
</form>

<form target="ip" id="form20" name="form5" method="post" action="/cgi-bin/vgaic.cgi">
  <input type="text" name="netmask" id="netmask" size="16" />
  <label for="name2_submit"></label>
  <input type="submit" name="name2_submit" id="name2_submit" onclick="confirmRestart('form20')" value="设置" />
  <label for="label48"></label>
  <input type="reset" name="label2" id="label48" value="清除" />
</form>

这样点击按钮时就会弹出确认框，确认后提交表单并重启，否则只提交表单不重启。

function showModal(type, index) { let modal = document.getElementById('modal'); let form = modal.querySelector('form'); let saveBtn = modal.querySelector('#save-btn'); let cancelBtn = modal.querySelector('#cancel-btn'); if (type === 'add') { form.reset(); saveBtn.textContent = '添加'; } else if (type === 'edit') { let contact = contacts[index]; form.name.value = contact.name; form.phone.value = contact.phone; form.email.value = contact.email; saveBtn.textContent = '保存'; } modal.style.display = 'block';怎么给里面的编辑和删除按钮添加样式

你可以在 HTML 代码中为编辑和删除按钮添加类名，然后在 CSS 中定义这些类的样式。例如：

HTML 代码：

<button class="edit-btn">编辑</button>
<button class="delete-btn">删除</button>

CSS 代码：

.edit-btn {
  background-color: blue;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

.delete-btn {
  background-color: red;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

在这个示例中，我们为编辑按钮和删除按钮分别添加了 `edit-btn` 和 `delete-btn` 类，并为这些类定义了一些基本的样式，包括背景颜色、文字颜色、边框、内边距和鼠标指针样式。你可以根据自己的需要调整这些样式。