Html for a gridded response test question Options

[drushton2002]

I will first start with saying I have very little knowledge of html or coding beyond some simple coding for course in Instructure Canvas (Learning Management System).

That being said I work at an elementary school and we are attempting to prepare our students for an online testing environment. One of the most difficult types questions for kids are gridded response questions. I was wondering if anyone knew how to code a gridded response question like the one in the link below. The boxes at the top will be empty space that the kids can fill in. I appreciate any help that can be provided! Have a great day!

http://www.catpin.com/bubbletest/b62100.gif

[pandy]

Afraid I don't know what that is. I saw the image, but how does it work? What are the kids supposed to do with it?

[drushton2002]

Afraid I don't know what that is. I saw the image, but how does it work? What are the kids supposed to do with it?

The kids would solve whatever the problem is and fill in the numerals (or symbols) over the columns. In the actual tests, I believe they click the numbers or symbols and the numbers can fill in. I am not concerned with that. I just would like them to practice filling in the top blanks with their answers. Below is a link that may make more sense. The teachers would have to manually grade these so I would not need any code that says correct or incorrect.

http://images.slideplayer.com/34/10255184/...es/slide_30.jpg

[pandy]

So they should write the answer in one of the empty rectangles? Or spread the number out in all of them? Looks totally confusing to me. Anyway, whatever they should do you need a a form and form fields. If they are going to type, text inputs is what you want.

[Darin McGrew]

I've seen this style of form only on paper standardized test answer sheets. I've never seen it online.

It makes sense on a paper answer sheet that is intended to be scanned. You fill in the answer in the boxes, and then fill the dots that correspond with each character.

But online, you'd just use a text input field.

[pandy]

Got the impression it is for training purposes (and I can see why that is needed ). If they should mark the dots too, check boxes would be needed for those.

[Darin McGrew]

Actually, sets of radio buttons would work better than checkboxes, so that only one circle can be filled for each space.

[pandy]

Only one in each row can be selected, something like that? I actually googled this. Still don't get it. Must be an American thing, this.

[Darin McGrew]

Only one in each column can be selected. When you fill out the paper form, it looks something like this:

CODE

_1_ _2_ _3_ _2_

(0) (0) (0) (0)
(#) (1) (1) (1)
(2) (#) (2) (#)
(3) (3) (#) (3)
(4) (4) (4) (4)
(5) (5) (5) (5)
(6) (6) (6) (6)
(7) (7) (7) (7)
(8) (8) (8) (8)
(9) (9) (9) (9)

[pandy]

Thanks for the explanation. Is that for machine readability? Seems a little over the top to both write the answer and check the boxes though.

Reminds me of the old punch cards.

[Christian J]

The kids would solve whatever the problem is and fill in the numerals (or symbols) over the columns.

Then you could use an HTML table for the whole grid layout, with INPUT text fields in the top row for the kids to fill in. No javascript needed.

In the actual tests, I believe they click the numbers or symbols and the numbers can fill in. I am not concerned with that.

That could be done too with push buttons and javascript, but it's usually better to keep things as simple as possible.

[Darin McGrew]

Thanks for the explanation. Is that for machine readability? Seems a little over the top to both write the answer and check the boxes though.

Yes, it's for machine readability. I've seen it on the answer sheets for standardized tests and similar forms that are intended to be scanned. And you're supposed to use a number 2 pencil, and fill the circle completely, and avoid making stray marks, etc.

The written version is for humans, and the filled circles are for computer scanning. It's easy enough to compare each letter/digit to the filled circle below it, but reading a word or multi-digit number by interpreting the filled circles is hard.

Reminds me of the old punch cards.

Yeah, same basic idea, except instead of punching holes in the card, you make circles with a number 2 pencil.

[pandy]

and fill the circle completely

THAT actually strikes a vague memory. Maybe I've done such a test at some point after all.

[drushton2002]

and fill the circle completely

THAT actually strikes a vague memory. Maybe I've done such a test at some point after all.

WOW you guys have really been looking into this.

I am want to use these to have the kids be able to practice filling them in for their spring standardized tests. The only thing I would need them to fill in are the boxes above the numbers. Each of those boxes would have either one number or a symbol within them.

THANK YOU SOoOOOOO much for showing interest in this. You are helping out impoverished, under privileged third graders to succeed on highly challenging test questions!