golivebasics.com home page

Forms, part 3

Page 1 Page 2 Page 4 Page 5
Learn to ...

We will add a Text Area in case people need more than one line to tell you their comments.

The Text Area button looks similar to the Text Field, be careful.

As you hover over it in the palette, you will see its name.

Drag it into your table and look at the inspector.

forms tab

Overtype textareaName with a suitable name, like 'comment' - without the quotes.

You set the size of the Text Area using rows and columns. I always leave the wrap at default. According to the manual, 'Off' tells the browser to ignore the set number of columns, so the text doesn't wrap - this could have an interesting effect on your layout!

'Virtual' wraps the text onscreen but not when the information is sent to you in an email and 'Physical' wraps the text on screen and in the email you receive. I haven't found any of these very reliable or useful, but of course you can experiment.

As before, you can set the tabbing order and put in some default text if you like.

Apart from radio buttons and check boxes, there are two more ways to let your visitors choose a response. They are quite similar.

The first is the List Box which produces a scrolling list of choices. Place one on the page and look at the inspector.

Name your list and specify how many choices will be visible at one time in 'Rows'. If you have more choices than you specify here, scroll bars will appear. However the scroll bars will not work properly in many browsers, and will look weird, unless you allow at least 4 choices to be visible.

Highlight each Label - this is what will appear on screen. Value is what you will see in your email alongside the label for each choice.

The icons at the bottom allow you to select an item and move it up or down the list (arrows), choose one item and duplicate it (cross) then make changes to the duplicate, add an item (page with corner turned) or delete an item (trashcan). Below is a box you can check when one item is highlighted, and that will be selected by default on the page.

The width of the list box depends on your longest line in 'Labels'.

To see how our form is coming along, click here. You can practise typing in the text area and making choices - there is a popup list on there as well, explained next.

Important note: with many methods of processing your form, 'Multiple Selection' often will not work as expected - often only the last selection will be recorded and passed on. You can fix this by putting a set of empty square brackets - [] - directly after the name of the list box, so the field name above would be selectName[]. Remember to include the brackets if you refer to this field in any hidden fields.
The Popup icon is like this, and when you place one, the inspector is as on the right. You set it up in a very similar way to the List Box - look again at our work in progress if you want to check it out. Click here.
Important note: as with the list box, 'Multiple Selection' often will not work as expected - often only the last selection will be recorded and passed on. As above, put a set of empty square brackets - [] - directly after the name of the popup. Remember to include them if you refer to this field in any hidden fields.

Page 1 | Page 2 | Page 4 (Make it work) | Page 5

golivebasics.com home page