siamoreo.blogg.se - Kompozer screenshots

Choose the type of button from the drop-down menu labeled Type.

The Button Properties window will appear.

Click the down arrow next to the Form button on the toolbar and choose Define Button from the drop-down menu.

Most often, these will be located below the rest of the fields on a form.

Place your cursor within the outlined form area where you wish the submit or reset button to be.

Special form controls handle these functions, called the Submit and Reset buttons respectively. Additionally, if the user wants to start over or makes a mistake, it is helpful to include a control that will reset all of the form values to the default.

Click OK and the text area appears on the form.Īfter the user has filled out the form on your page, there needs to be some way for the information to be submitted to the server.

More advanced options can be specified with the other controls in this window, but for now, the field name and dimensions are enough.

These dimensions determine the size of the field on the page and how much text can be entered into the field before scrolling needs to happen.

Enter the number of rows and columns that you want the text area to display.

The name identifies the field in the HTML code and is used by the form handling script to process the user-submitted information. The Text Area Properties window will open.

Click the down arrow next to the Form button on the toolbar and choose Text Area from the drop-down menu.

If you want to type in a label, it’s often a good idea to type the label text, hit enter to move to a new line, then add the form field, since the size of the text area on the page makes it awkward for the label to be on the left or right.

Position your cursor within the form outline where you would like your text area to be.

You can add a text area form field using the form tools. In this case, a text field is just not appropriate. Sometimes, a lot of text needs to be entered on a form, such as a message or a questions/comments field.

Click OK and the text field appears on the page.

A number of other optional attributes can be modified on this dialog by toggling the More Properties/Fewer Properties button or by pressing the Advanced Edit button, but for now, we will just enter the field name. The name is used to identify the field in the HTML code and the form handling script needs the name to process the data. To add a text field, choose Text from the drop-down menu labeled Field Type. The Form Field Properties window will open.Click the down arrow next to the Form button on the toolbar and choose Form Field from the drop-down menu.If you want to add a label, you may want to type the text in first. Choose where you want the text field to go in the outlined form area.Text is useful to add prompts or labels to form fields to guide the user. You can also type in text or add images, just like you would on any other part of the page. You add your form fields inside this area. Once you have added a form to a page with KompoZer, the form will be outlined on the page in a light blue dashed line. Click OK and the form is added to your page.You will need to know which method the script requires. Select the Method used to submit the form data to the server.KompoZer will prompt you to enter the URL for the form handler if you don’t enter it. Without this information, your web page will not be able to do anything with the data entered by the user. Form handlers are usually scripts written in PHP or similar server-side language. Add the URL to the script that will process the form data in the Action URL field.

If you are working with a new, unsaved page, KompoZer will prompt you to save. You also need to save your page before you can add a form. The name is used in the automatically generated HTML code to identify the form and is required. Position your cursor in the location that you wish your form to appear on the page.You can also use mailto forms but they don’t always work. If you don’t write your own form handling scripts, you will need to get some information for this step from documentation or from the programmer who wrote the script.