1.Creating HTML Forms Using KompoZer

Ø  Kompozer is an open source IDE software.Website- www.kompozer.net 

    (HTML, CSS, Java script)

Ø IDE Software Provided - GUI,Text/Code Editor, Compiler, Interpreter, Debugger

Ø Open Source IDE Software - E.g.   Eclipse , Jbuilder, Netbeans

Ø KompoZer provides graphical interface is known as WYSIWYG

Ø WYSIWYG- what you see is what you get

Ø Toolbar/Status bar -View -> Show/Hide

Ø Display the recent Pages - File -> recent pages

Ø Below the menu bar three Toolbars are displayed –Composition, Format Toolbar1, Format Toolbar 2

Ø In kompozer middle window has divide into two part (1) site Manger (2) page pane

Ø In KompoZer pagepane - Right Side  Edit Mode Toolbar : Normal, HTML Tags, Preview

Ø Preview- Display webpage similar to browser window but link is not executed.

Ø HTML Tags- Display the Tag highlight with yellow colour box.

Ø Normal- similar to preview and outlines are visible

Ø  The left side of page pane shows three tabs-  Design(To Design Webpage),

Split(Show HTML Code of Particular Element), 

Source (Show HTML Code of Whole Page)

Ø Close the Site Manager using function key F9

Ø User input personal information in website using form

Ø Form element is used for create a HTML form.

Ø <form>…….</form> tag is used for implementation of  HTML form.

Ø Eg. <form action=”HV.html” method=”post”>

Ø <form> tag has two main attributes- 1. Action  and  2. Method

Ø Action attribute takes a file name as a value.

Ø Method attribute takes two values Get and Post.

Ø The GET method retrieves the data from the form and sends it to the server by attaching it at the end of the URL. This method allows only a limited amount of information to be sent at a time.

Ø The default value of method is GET.

Ø In the POST method,the data is sent as a block through HTTP transaction. The method does not have any restrictions on data length.

Ø The input element are used to inset various fields like radio button, text box and check box in the form.The tag<input>…..</input> or <input> is used to implement this element. The input tag has different attributs like type, name and value.

Ø The value attribute of input tag specifies the default value of the field in the form.

Ø Insert Table in KompoZer using Table And Insert Menu

Ø Define Form : Insert - From - Define Form

Ø Define Label : Insert - Form - Define Label

Ø Define Field  : Insert - Form - Form Field

Ø Field Type     : Form - Form Field - Field Type  E.g. Text (Default)

Ø  Initially Selected Option is available in Radio Button And Selection List (Select only one option)

Ø Initially Checked option is available in Checkbox  (Used for Multiple Selection)

Ø Initial value option shows the default value in text box.

Ø When you define form then you can see the form inserted with light blue colored outline in the page.