<\/span>Elementos de formul\u00e1rio HTML<\/span><\/h2>\n\n\n\nOs formul\u00e1rios HTML s\u00e3o compostos por diversos elementos, que comp\u00f5em o formul\u00e1rio. Dessa forma, \u00e9 necess\u00e1rio entender como e quando utilizar cada um deles. Os elementos de formul\u00e1rios utilizados no HTML s\u00e3o:<\/p>\n\n\n\n
\n- <input<\/a>> <\/strong>– Define um campo de entrada de dados;<\/li>\n\n\n\n
- <textarea<\/a>><\/strong> – Define uma \u00e1rea de texto, podendo conter diversas linhas de texto;<\/li>\n\n\n\n
- <button<\/a>><\/strong> – Define um bot\u00e3o;<\/li>\n\n\n\n
- <select<\/a>> <\/strong>– Define uma lista selecion\u00e1vel, tamb\u00e9m conhecida como drop-down;<\/li>\n\n\n\n
- <option<\/a>> <\/strong>– Define uma lista de op\u00e7\u00f5es dentro de um drop-down select;<\/li>\n\n\n\n
- <optgroup<\/a>> <\/strong>– Define um grupo de op\u00e7\u00f5es;<\/li>\n\n\n\n
- <fieldset> <\/strong>– Define um grupo de campos;<\/li>\n\n\n\n
- <label<\/a>> <\/strong>– Define um r\u00f3tulo ou legenda para um campo ou controle do formul\u00e1rio;<\/li>\n\n\n\n
- <output> <\/strong>– Define elementos de sa\u00edda para o formul\u00e1rio;<\/li>\n\n\n\n
- <legend> <\/strong>– Define um t\u00edtulo para o conjunto de campos.<\/li>\n<\/ul>\n\n\n\n
Al\u00e9m dessas tags de elementos de formul\u00e1rio HTML, nada impede de utilizar outras tags dentro da tag <form><\/strong>. Por exemplo: podemos utilizar dentro do <form><\/strong> as tags <div><\/div><\/strong>, <p><\/p><\/strong>, entre outras.<\/p>\n\n\n\nNeste artigo, vamos detalhar melhor apenas respeito das tags <input><\/strong> e a tag <textarea><\/strong>. Portanto, caso n\u00e3o conhe\u00e7a as demais tags, recomendamos a leitura do artigo tags HTML<\/a>, sobre o que \u00e9 HTML<\/a> e sobre o HTML5<\/a>, dispon\u00edveis em nosso blog<\/a>. Tamb\u00e9m recomendamos a leitura dos artigos referentes a este assunto na documenta\u00e7\u00e3o oficial da W3C Schools<\/a>.<\/p>\n\n\n\nPortanto, vejamos os seguintes sub-t\u00f3picos:<\/p>\n\n\n\n