Mr.Adam

How to embed an audio file

noreply@blogger.com (Mr. BlOgS) — Mon, 23 Nov 2009 07:32:00 +0000

You can embed a music file into your page using the following HTML code:
<embed name="lostmojo"
src="/your url, web_design/lostmojo.wav"
width="300"
height="90"
loop="false"
autostart="false">
</embed>

How to create form fields

noreply@blogger.com (Mr. BlOgS) — Mon, 23 Nov 2009 07:12:00 +0000

Usually when a user submits the form, you need the system to do something with the data. This is where the action page comes in. The action page is the page that the form is submitted to. This page could contain advanced scripts or programming that inserts the form data into a database or emails an administrator etc.

Creating an action page is outside the scope of this tutorial. In any case, many web hosts provide scripts that can be used for action page functionality, such as emailing the webmaster whenever the form has been completed. For now, we will simply look at how to submit the form to the action page.

You nominate an action page with the action attribute.

Example HTML Code:
<form action="/html/tags/html_form_tag_action.cfm" method="get">
First name:
<input type="text" name="first_name" value="" maxlength="100" />
<br />
Last name:
<input type="text" name="last_name" value="" maxlength="100" />
<input type="submit" value="Submit" />
</form>

This results in:

Oh, one last thing. You may have noticed the above example uses a method attribute. This attribute specifies the HTTP method to use when the form is submitted.

Possible values are:

get (the form data is appended to the URL when submitted)
post (the form data is not appended to the URL)
Providing this attribute is optional. If you don't provide it, the method will be post.

Select Lists

noreply@blogger.com (Mr. BlOgS) — Mon, 23 Nov 2009 07:03:00 +0000

A select list is a dropdown list with options. This allows the user to select one option from a list of pre-defined options.

The select list is created using the select in conjunction with the option tag.
<select>
<option value ="sydney">Sydney</option>
<option value ="melbourne">Melbourne</option>
<option value ="cromwell">Cromwell</option>
<option value ="queenstown">Queenstown</option>
</select>

This results in:

Submit

noreply@blogger.com (Mr. BlOgS) — Mon, 23 Nov 2009 07:01:00 +0000

The submit button allows the user to actually submit the form.
<input type="submit" />

This results in:

Checkboxes

noreply@blogger.com (Mr. BlOgS) — Mon, 23 Nov 2009 06:59:00 +0000

Checkboxes are similar to radio buttons, but enable the user to make multiple selections..
<input type="checkbox" name="lunch" value="pasta" /><br /> <input type="checkbox" name="lunch" value="rissotto" />

This results in:

Radio Buttons

noreply@blogger.com (Mr. BlOgS) — Mon, 23 Nov 2009 06:55:00 +0000

Radio buttons are used for when you want the user to select one option from a pre-determined set of options.

<input type="radio" name="lunch" value="pasta" /><br /> <input type="radio" name="lunch" value="rissotto" />

This results in:

The Input Tag

noreply@blogger.com (Mr. BlOgS) — Mon, 23 Nov 2009 06:49:00 +0000

This is the most commonly used tag within HTML forms. It allows you to specify various types of user input fields such as text, radio buttons, checkboxes etc.

Text fields are used for when you want the user to type text or numbers into the form.
This results in:

code:
<input type="text" />