--- id: 5efb2c990dc218d6c85f89b2 title: Step 42 challengeType: 0 dashedName: step-42 --- # --description-- Even through you added your button below the text input, they appear next to each other on the page. That's because both `input` and `button` elements are inline elements, which don't appear on new lines. You learned previously that the button submits the form by default, but you can explicitly add the `type` attribute with the value `submit` to make it clearer. Go ahead and do this to specify this button should submit the form. # --hints-- Your `button` element should have an opening tag. Opening tags have this syntax: ``. ```js assert(document.querySelector('button')); ``` Your `button` element should have a closing tag. Closing tags have a `/` just after the `<` character. ```js assert(code.match(/<\/button\>/)); ``` Your `button` element does not have a `type` attribute. Check that there is a space after the opening tag's name. ```js assert($('button')[0].hasAttribute('type')); ``` Your `button` element should have a `type` attribute with the value `submit`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks. ```js assert( $('button')[0] .getAttribute('type') .match(/^submit$/i) ); ``` Although you have set the `button` element's `type` attribute to `submit`, it is recommended to always surround the value of an attribute with quotation marks. ```js assert(!/\<\s*button\s+type\s*=\s*submit/i.test(code)); ``` # --seed-- ## --seed-contents-- ```html

CatPhotoApp

Cat Photos

Click here to view more cat photos.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

  • cat nip
  • laser pointers
  • lasagna
A slice of lasagna on a plate.
Cats love lasagna.

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Five cats looking around a field.
Cats hate other cats.

Cat Form

--fcc-editable-region-- --fcc-editable-region--
```