# ember/template-no-input-tagname

💼 This rule is enabled in the 📋 `template-lint-migration` [config](https://github.com/ember-cli/eslint-plugin-ember#-configurations).

<!-- end auto-generated rule header -->

`{{input tagName=x}}` will result in obtuse errors. Typically, the input will simply fail to render, whether used in block form or inline. The only valid `tagName` for the input helper is `input`. For `textarea`, `button`, and other input-like elements, you should instead create a new component or better use the DOM!

## Examples

This rule **forbids** the following:

```gjs
<template>
  {{input tagName='foo'}}
  {{input tagName=X}}
  {{component 'input' tagName='foo'}}
  {{component 'input' tagName=X}}
  {{yield (component 'input' tagName='foo')}}
  {{yield (component 'input' tagName=X)}}
</template>
```

## Related rules

- [no-link-to-tagname](no-link-to-tagname.md)
- [no-unknown-arguments-for-builtin-components](no-unknown-arguments-for-builtin-components.md)

## References

- [Ember api/input component](https://api.emberjs.com/ember/release/classes/Ember.Templates.components/methods/Input?anchor=Input)
- [rfcs/built in components](https://emberjs.github.io/rfcs/0459-angle-bracket-built-in-components.html)