Create a form

Forms are a tool that will be of great help. It is the way to collect information from users of our site, know, know their tastes, looking for our site, they would like, and so on. etc. ..

The information collected can be stored in a database, or be sent to your inbox via email.

Now let's see how to create, and then see how we will receive.

As we prepared and stored template to begin with, we attached file / New ... and in the Templates tab create a new document. Immediately after, we keep it as contact.htm,
or formulario.htm ... etc ;)

And now we begin:

In the Command Insert / Forms / Form:

1

A rectangle appears as follows:

2

Within this box, insert a table of five rows and four colunmas:

3

From the Property Inspector, will focus the table first:

4

We will put in the first cell of the first row, we will not assign or alignment or anything now, I will finish creating the entire form ;) Write the word name:

5

In the second cell of first row, Insert a Text Field:

6

We may see a dialog box like this:

7

Just now we will ignore, cancel.

Now we see a Text Field with:

8

Clicking on the text field you just created, we will see the Inspector:

9

From here you can configure the properties of this text field, but what we will see later, the important thing now is to name it. As we want to put here the user is his name, we will call it, Name:

10

We find ourselves now in the third cell, type Your City / Country: In the next cell, again insert a Text Field:

11

In the Inspector and located on the field, we changed the name:

12

, en la Celda siguiente, insertamos un nuevo Campo de Texto y desde el Inspector cambiamos el nombre por e-mail: In the second row, first cell, we will make your email, or, Your e-mail in the next cell, insert a new text field and from the Inspector changed the name to e-mail:

13

Is the same process in the three fields, we have only changed the name of each one of them.

Now let's add a menu. Desde el Inspector de Propiedades le vamos a poner el nombre de Edad Seleccionamos In the third cell will Your Age: In the fourth: Go to Insert / Form / List / Menu Properties Inspector Since we will put the name of selected age

Menu and click List Settings:

14

We see a new dialog where values ​​and insert:

15

, es lo que se guarda o se envía. The label, which will be shown on the form and value is what is stored or sent. In our case, what will we receive in our mail.

insertaremos mas etiquetas o las borraremos.Para situarlas usaremos las flechas de la derecha. Using the + and - insert more borraremos.Para labels or place them we will use the arrows on the right. Once you have all the data you want, accept and will look like this:

16

If comprobáis now in preview, you will see that pressing the arrow, it will show all the options we have inserted, and can select the one you want. Radio Buttons now insert:

In the first cell of the third row, will Your review of the page. We selected the following three at once:

17

And we're going to Edit / Table / Merge Cells and click on this option, we will read:

18

Situadados in this cell, Insert / Form / Option Button, Button, and then we write very good:

19

In the Property inspector change the names and values:

20

We can add as many as we wish by following these same steps. In the next row in the first cell, we ask that interests them most, combine the remaining cells again, as we did before and we will:

Insert / Form / Checkbox:

21

And just as above, we can insert several.

Also, it is interesting that let a Text Area for Comments: Insert / Form / Text Area:

textarea

* Note: You can put a concrete number of characters in width, about 50 or 60, these are the ones that will use for each line of text. Also the specific lines you please .. in number of lines, but that we will be conditioning it to a specific number of lines, if for any reason the user moves from that number, we arrived, so it is better not to specify a specific number, but it is interesting to know ;)

In the last row, we combine all the cells so that only leaves us one. Go to Insert / Form / Button, and you can already do it twice.

Select the first and from the Property Inspector, change the name and values ​​as follows:

22

Select the second and:

23

We note that we only change the name, the Castilian, and that other values ​​will default us. We need now to configure the options form sent to it will place the mouse anywhere on the form and click on: form to activate the Property Inspector and since we can change the name to the form, enter the email address. where we want to receive information, shipping method (Post) and the encoding will be those who already has by default. If it brings us what we added:

text / plain

24

Click on either side of the form to select the table where we had inserted and if you see the catch, we had created with 100%. It will remove it completely empty leaving this option:

Table

I also put 4 px as cell padding and background color # DE931C The catch has another, but this is according to each one, because the color you have in your pages ;)

The cells of all rows, I gave background color # FFF1D6. We can see from preview, which runs the form. The browser IExplorer several paintings show us the process:

send

we accept:

send 2

we accept:

enviar3

The message we got looks like:

shipping

The Mozilla, I opened Outlook Express directly with the data I sent.

* Note: Please note that if you created earlier, this option is time to open the template and create and link to the document you just created.

See example here

Answer