Introduction to HTML Forms

The form that you see below is the comment form of YPEC's sign up page. HTML forms are easy to create and to implement, provided that you have a web host or server that will receive and process the input data. The comment page of this post is another example of HTML form.

HTML forms utilize CGI and PERL programs for them to function. CGI stands for Common Gateway Interface while PERL stands for Practical Extraction and Report Language. CGI is the interface that allows communication between the server and the user while PERL is the program that allows the transfer, encoding, and interpretation of data.

Forms allow your site to be interactive by providing interface for the readers. HTML forms can be created by using the <form> tags.

HTML forms have two basic attributes, namely, method and action. Method refers to how the data is collected or sent to the server or host. The two basic types of method are post and get. "Post" deals with bigger type of data while "get" deals with smaller type of data. On the other hand, action refers to the CGI or PERL link on which the data will be posted.

Inside the "form" codes, the "input" element is contained. It refers to the type of data being asked. Examples of input include text, password, radio buttons, and check boxes.

For the sake of simplicity, the "post" type of method and "text" type of input will be shown here. In the example given below, the codes that are used are the following:

<form action="http://ypec.wordpress.com/wp-comments-post.php" method="post" id="commentform">

<fieldset>

<p><label for="author">Name</label> <input name="author" id="author" value="" tabindex="1" type="text"> <em>Required</em></p>

<p><label for="email">Email</label> <input name="email" id="email" value="" tabindex="2" type="text"> <em>Required, hidden</em></p>

<p><label for="url">Url</label> <input name="url" id="url" value="" tabindex="3" type="text"></p>

<p><label for="comment">Comment</label> <textarea name="comment" id="comment" cols="45" rows="10" tabindex="4"></textarea></p>

<p><input name="comment_post_ID" value="4" type="hidden">

<input name="submit" value="Submit" class="button" tabindex="5" type="submit"></p>

</fieldset>

</form>

If you want to join YPEC, please fill in the form shown below.



YPEC Sign Up Form:

Name Required

Email Required, hidden

Url

Address and Contact Number

Please continue reading...

First paragraph only...

Uploading Music to Blogger

Do you want to upload your favorite music files to Blogger? Unfortunately, Blogger only allows video and picture uploads. But there is another way to go around this problem. You can first upload your music files to other websites such as Esnips or Imeem and then you can embed the codes in your blogsite. Visitors of your blogsite can directly play the music files. However, the music files created through the aforementioned method are inconvenient to download.

Another simpler method is to first upload your music file to Googlepages, as shown in the illustration below:
















After uploading your music files, right click the link and choose copy link location (note: this might only work if you are using Mozilla Firefox browser). You can then paste this link URL onto your blog page or sidebar. On the other hand, you may also want to use the names of the songs rather than the link URL's. To do this, simply type the name of the song and highlight it; then, click the link icon. Paste the link URL that you have generated into the dialog box, as shown in the illustration below:



After creating your song list, you can now save your post and view your blog.

The song list below is created using the method I have just mentioned. Try clicking any of the links. Instead of opening a new web page, a dialog box will prompt you to download the song.

MY FAVORITE SONGS:

• Agila


• Ang Lupang Ito


• Bahay


• Buhay at Bukid


• Buksan ang Iyong Puso


• Himig ng Pag-ibig


• Kanlungan


• Karaniwang Tao


• Lea


• Magkabilaan


• Manggagawa


• Nasa Atin ang Panahon


• Pagsamba at Pakikibaka


• Paligid


• Payatas


• Tuldok


• Usok


• Walang Hanggang Paalam

Please continue reading...

First paragraph only...

JavaScript Dialog Box

(NOTE: I have removed this feature due to loading problems.)

If it is the first time that you visited this site or if you happen to have reloaded this site, you will be prompted by a dialog box asking your name. After entering your name, a message will appear above the picture of my son on the left sidebar. This trick is made possible by the simple JavaScript codes that I have added.















To add the same feature in your blogsite or website, follow the simple instructions below:

Step1: Open the HTML template of your blog. Add the codes below to the new Page Element.

<script type="text/javascript">
var yourName = prompt("I'm John David. May I know your name?", "Reader");
</script>


Step2: Add another new Page Element and paste the codes below.

Hello <script type="text/javascript">document.write(yourName)</script>! Welcome to this blogsite that my father created. I hope this site would be of some help. Please leave a comment <script type="text/javascript">document.write(yourName)</script>


Step3: Create your own message by changing the highlighted texts in the codes shown above. Save and view your blog.

Please continue reading...

First paragraph only...

RSS Feed Editor

You are most likely familiar with RSS feeds if you are a blogger. On the other hand, if you are not yet acquainted with RSS, it stands for “really simple syndication.” It is an internet tool that allows word contents of websites (including blogsites) to be automatically published in other sites. Subscribing to RSS feeds is a convenient way to receive regular updates from certain sites without actually visiting these sites. To put it simply, an RSS feed is a method of broadcasting the contents of websites. Simple as it may seem, creating an RSS feed requires a special software application that is otherwise known as RSS creator.

An RSS feed creator allows you to customize the contents of your site’s RSS feed. You can accomplish several sophisticated tasks without any thorough knowledge of web programming. Using an RSS feeds creator will enable you to create, edit and broadcast feeds. You may also import texts from CSV and HTML files and upload them in FTP formats. This software can operate using wide variety of RSS formats. You do not need to learn complicated codes since all the basic operations can be done by using user-friendly wizards. You simply need to input all the relevant RSS feeds and the rest of the task is accomplished by the editor.

Please continue reading...

First paragraph only...