--- 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.

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:

flea treatment
thunder
other cats

Five cats looking around a field. — Cats **hate** other cats.

Cat Form

```