---
id: bad87fee1348bd9aed908845
title: Style Text Inputs as Form Controls
required:
- link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
raw: true
challengeType: 0
---
## Description
You can add the fa-paper-plane Font Awesome icon by adding <i class="fa fa-paper-plane"></i> within your submit button element.
Give your form's text input field a class of form-control. Give your form's submit button the classes btn btn-primary. Also give this button the Font Awesome icon of fa-paper-plane.
All textual <input>, <textarea>, and <select> elements with the class .form-control have a width of 100%.
## Instructions
## Tests
```yml
tests:
- text: Give the submit button in your form the classes btn btn-primary.
testString: assert($("button[type=\"submit\"]").hasClass("btn btn-primary"), 'Give the submit button in your form the classes btn btn-primary.');
- text: Add a <i class="fa fa-paper-plane"></i> within your submit button element.
testString: assert($("button[type=\"submit\"]:has(i.fa.fa-paper-plane)").length > 0, 'Add a <i class="fa fa-paper-plane"></i> within your submit button element.');
- text: Give the text input in your form the class form-control.
testString: assert($("input[type=\"text\"]").hasClass("form-control"), 'Give the text input in your form the class form-control.');
- text: Make sure each of your i elements has a closing tag.
testString: assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3, 'Make sure each of your i elements has a closing tag.');
```
## Challenge Seed