Construtor de Sistemas - Gerenciador de Componentes

Input

Variável: input

Nome:

Escolha um nome em português que represente o que é o componente.

Categoria:

Código javascript:

let code = `<div class="field ${type} ${id}">`;
code += `<label for="${type}-${id}"><span>${label}: </span></label>`;

const commonAttr = `id="${type}-${id}" name="${name}" 
${min && (type==="text" || type==="password" || type==="email" || type==="url" || type==="search" || type==="tel" || type==="textarea") ? 'minlength="'+min+'"' : 'min="'+min+'"'}
${max && (type==="text" || type==="password" || type==="email" || type==="url" || type==="search" || type==="tel" || type==="textarea") ? 'maxlength="'+max+'"' : 'max="'+max+'"'}
${title ? 'title="'+title+'"' : ""}
${required ? " required" : ""}
${disabled ? " disabled" : ""}
${readonly ? " readonly" : ""}
${placeholder ? 'placeholder="'+placeholder+'"' : ""}`

if (type === 'textarea') {
    code += `<textarea ${commonAttr}>${value}</textarea>`
} else {
    code += `<input type="${type}" value="${value}" ${commonAttr} 
    ${pattern ? 'pattern="'+pattern+'"' : ""}>`;
}

code += `<small>${instructions}</small>`
code += `</div>`;

return code;

Código javascript que retorna o elemento.

Utilize as variáveis dos parâmetros para referenciá-los no seu código.

Parâmetros

Variável do parâmetro:

Nome do parâmetro:

Formato:

Valor padrão: