Ir para o conteúdo

State of HTML 2023

Formulários

Elementos e atributos relacionados ao formulário.

Forms Experience & Sentiment

Agrupar por:

Ordenar por:

1

50.8%
16.4%
32.8%
19,980
2

48%
28.3%
23.7%
20,332
3

22.7%
36.1%
41.2%
20,499
4

16.6%
24.7%
58.7%
20,233
5

9.5%
18.8%
71.8%
19,829
6

7.7%
18.2%
74%
20,072
7

26.6%
70.6%
19,958

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:23%
“Positive” average:44%
“Negative” average:4%

Tipos de Input

0%
20%
40%
60%
80%
100%
1

<input type="number">

18,991
2

<input type="email">

17,864
3

<input type="file">

17,619
4

<input type="date">

16,783
5

<input type="tel">

14,016
6

<input type="range">

13,698
7

<input type="time">

11,218
8

<input type="url">

10,086
9

<input type="color">

9,374
10

<input type="datetime-local">

4,893
11

<input type="month">

3,653
12

<input type="week">

3,050
13

🚫 None

245
0%
20%
40%
60%
80%
100%
% de respostas das questões
19,992
96%
Quais tipos de input você já utilizou?

Validação de formulário

0%
20%
40%
60%
80%
100%
1

required attribute

18,365
2

pattern attribute

11,375
3

:invalid/:valid CSS pseudo-classes

10,628
4

invalid event

4,965
5

input.checkValidity()

3,965
6

input.setCustomValidity()

2,555
7

input.reportValidity()

1,821
8

🚫 None

1,078
0%
20%
40%
60%
80%
100%
% de respostas das questões
19,765
95%
Quais dos seguintes recursos de validação de formulário você já utilizou?

Dificuldades do formulário

Pense nos diversos controles de formulário (p. ex. <input>, <textarea>, <select>, <button> etc.), comportamentos (p. ex. validação, autocomplete), tratamento de formulário com JS, edição de APIs (p. ex. contentEditable) etc. Qualquer coisa que o incomode é válido - suporte do navegador, recursos ausentes, estilização, etc.

0%
20%
40%
60%
80%
100%
1

Styling & customization

2

<select>

3

Validation

4

Browser support

5

<input type="date">

6

<input type="date">

7

<input type="number">

8

Accessibility

9

autocomplete="hint"

10

<textarea>

11

Outras respostas

Respostas correspondentes a “Outras respostas” 6,066
0%
20%
40%
60%
80%
100%
% de respostas das questões
6,695
32%
Quais são suas dificuldades usando formulários em HTML?
Respostas livres

Recursos recomendados

Complete Intro to Web Development, v3
Brian Holt
SQLite Cloud

Complete Intro to Web Development, v3

More than an introduction, you'll build your first website and get a solid foundation for becoming a professional web developer with modern skills
Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.