常见的表单元素有哪些，表单元素需要设置一些什么属性

常见的表单元素包括：

1. input：用于输入文本、数字、密码等；
2. textarea：用于输入多行文本；
3. select：用于选择一个或多个选项；
4. checkbox：用于选择多个选项；
5. radio：用于选择一个选项；
6. button：用于触发某个操作；
7. submit：用于提交表单；
8. reset：用于重置表单；
9. label：用于标识表单元素。

表单元素需要设置的属性包括：

1. name：表单元素的名称，用于提交表单数据；
2. value：表单元素的值；
3. type：表单元素的类型，比如输入框的类型可以是文本、数字、密码等；
4. required：是否必填；
5. placeholder：表单元素的占位符，提示用户输入内容；
6. disabled：是否禁用表单元素；
7. readonly：是否只读，用户无法修改表单元素的值；
8. checked：是否默认选中。

相关问题

表单元素type属性有哪些

HTML中的表单元素type属性有以下几种：

1. text：用于输入单行文本，比如用户名、密码等。

2. password：用于输入密码，字符以星号或圆点显示。

3. radio：用于选择单个选项，类似于单选框。

4. checkbox：用于选择多个选项，类似于复选框。

5. submit：用于提交表单数据。

6. reset：用于重置表单数据。

7. button：用于自定义按钮。

8. image：用于提交图像按钮。

9. file：用于选择上传文件。

10. hidden：用于隐藏表单元素。

11. date：用于输入日期。

12. time：用于输入时间。

13. email：用于输入电子邮件地址。

14. url：用于输入网址。

15. number：用于输入数字。

16. range：用于输入范围。

17. color：用于选择颜色。

18. tel：用于输入电话号码。

19. search：用于搜索。

判断一个表单有哪些有name属性的元素被display隐藏

可以使用以下代码来判断一个表单内有哪些有name属性的元素被`display:none`隐藏：

const form = document.querySelector('form');
const hiddenElements = [];

form.querySelectorAll('[name]').forEach(element => {
  const style = window.getComputedStyle(element);
  if (style.display === 'none') {
    hiddenElements.push(element);
  }
});

console.log(hiddenElements);

首先，通过`querySelector`方法获取表单元素，然后使用`querySelectorAll`方法获取所有带有`name`属性的元素。接着，使用`getComputedStyle`方法获取元素的计算样式，并判断`display`属性是否为`none`，如果是的话，将元素添加到`hiddenElements`数组中。最后，打印出`hiddenElements`数组，里面包含了所有被`display:none`隐藏的带有`name`属性的元素。