Home » HTML » Forms
HTML Forms tutorials
Scripting languages (JavaScript, VBScript, etc) don't have graphical user interface (GUI) objects of their own. They uses those that are part of the HTML language. On the other hand, HTML almost cannot take advantage of these objects. Therefore, you will use a combination of HTML and scripts to effectively use these objects. HTML is mainly be used to display GUI objects and control their properties. A script uses code to manipulate those GUI objects. The GUI objects can also be called web objects, controls (or Windows controls).
Related Tutorials
In Depth Contact Form Part 1 - The Form Itself
In depth tutorial focusing on the basics of building a contact form.Tutorials concentrating on building and handling a contact form on your website.
How To Create A Simple Form Using The "form" Tag
Learn the basics of creating a form to interact with your users using the HTML or XHTML "form" tag in this easy to learn tutorial.
Form Attachments Part 2
This article begins where Part one in our Form Attachment series left off--this time we cover ENCTYPE, ACTION and more!
Making a PayPal Form
Using PayPal you can easily make a form that allows you to take credit card payments for your freelance work. You only need basic HTML knowledge to do this.
So, You Want An Image Starting Your Form, Huh?
Instead of using the dull gray submit button, why not use a colorful image to submit your form data? Here's how.
Sizing Up the Browser
If you like control, then we have one piece of advice: Before designing pages with forms, take a deep breath, because it won't be a joyous experience. Form elements don't like to be tamed. Depending on the browser being used, form elements will vary in size, spacing, and typography.
Basic Forms
This tutorial outlines the basic format of a html form and the most common form elements.Using simple HTML forms is a very slick way of receiving information from your visitors. You put a few boxes and buttons on your page, they enter in their details and you receive them through email - brilliant.
Tips for Managing Your Web Design Business
In this tutorial, we offer tips on how to do the tasks that we have found most crucial for your Web design career, either when you are on your own or when you are working for a company.
How To Add A Caption To Related Form Controls And Text In The fieldset Tag using legend tag
Learn how to give your fieldset tags better accessibility to nonvisual browsers, for people with disabilities as well as how to group related form controls and text by using the legend tag.
Can I Optimize A Site Designed With Frames?
Can you optimize a site designed in frames? Of course you can! The question should be, "how effectively can I optimize a web sire designed in frames?" Framed sites - in my opinion - have little use in today's web design. There are so many better ways to design a site. For example, you have HTML, DHTML, Flash, and other design formats.
Web design layout 9: sitebuild
Learn how to convert my web design layout #9 into a working one page css template.
Easing The Path from Design to Development
Drew McLellan sets our 2008 series rolling with some practical tips for helping a project smoothly transition from the design to the development phase. Consider it a designer's preflight check list to ease you into the festive season.
HTML Form Tutorial
HTML forms are a means of collecting information. People fill in a form and/or select something. Then they click a button. Forms don't actually process information. This tutorial is about how to make forms and how to send the information, but not how to process the information after it has been sent off.
Web Design Layout #10: PSD Conversion
In this tutorial il be taking you through the process of converting web design layout #10 into a working CSS template. Includes FREE Template.
Build a Web Team or Go It Alone
Web design projects require a blend of skills. The unique blend of creative and technological requirements means that an aspect of Web design and development draws on skills you have used in other positions - or on skills you do not necessarily consider your strengths.
So, You Want A Form, Huh?
That's nice and simple.It explains the basics of placing input items on an HTML page.
Advanced Forms
There are many things to take into consideration when creating a form, you want to make it match your site as much as you possibly can. This can be done using CSS and some HTML tags that you may not already know.
Selection-Based Controls
Learn the form elements: Check Boxes, Radio Buttons, Combo Boxes, and their events.
Form Attachments
This tutorial does work if you set it up correctly, and if the people who are sending you attachments attach the correct types of documents.
Tabular List control
This worked example applies styling and functionality to a basic grid of data to produce a simple form control that's a pleasure to use.
Building an HTML Page
In this tutorial, you learn to create a template. This template will contain all the necessary and helpful technical and structural bits that form the basis of a document that will conform and validate, too.
Using Autocomplete On Your Forms (Or Not)
Most of us have seen a web site that uses autocomplete fuctionality to help the end user fill out a form. Read this article to find out how you can use this functionality on your own site (or not)!
Tables
Tables are very easy to use and will make your site look more appealing to the eye, while organizing your site's content. Almost every site uses tables in some form.
Enable/Disable Buttons
Use a checkbox to either enable or disable your form elements.
Forms Accessibility
Many readers find HTML forms quite difficult to deal with, what with all the different elements to fill in. There are a variety of methods you can use to guide your readers through a complicated form. Make sure you've read through the basic forms tutorial before tackling this.
Table Tips 'n' Tricks
Learn how to use HTML tables creatively to design attractive and fast loading web pages.
Building Forms
Forms are an essential part of how the Web is made interactive and useful. Forms are interactive because a form demands that you, the user, interact with it to perform some task. That task might be any number of important ones:
Form & HTML Input
Sometimes we need information from our web site visitors. HTML tag can be used to get input from the visitors, for example: polls, request product, visitors comments, etc.
Advanced Tables
In this tutorial you will learn how to 'nest' tables and format cells using html for use in your web design.
Basic page
It is the most important language to learn, because it is the basis on which most other web design languages are built. This tutorial will take you through step by step.
Tableless vs. Table-based layout
This article will introduce you to the advantages and disadvantages of tables and tableless advanced design in according to today's standards.
All About Forms
Forms are the most popular way to make web pages interactive. Like forms on paper, a form on a web page allows the user to enter requested information and submit it for processing. (Fortunately, forms on a web page are processed much faster.)
Make coding easier, building your website with includes
Using server side includes to design and code your web site allows you to keep your development tidy and easy to edit.
How To Group Related Items In A From Using The fieldset Tag
Learn how to group related tags in a form to make your web pages more accessible to nonvisual browsers by using the HTML or XHTML fieldset tag in this easy to learn tutorial.
Fonts
A font is a pattern of characters designed to display a character, a word, or a group of words following a particular concept or design. The characters you are reading here are displayed in a certain way. If you look at other sections of the document, you will see that their display is quite different.
Learning to Use HTML Well
As most of you probably know, HTML stands for Hyper-Text Markup Language, and is the basic language with which websites are coded. There are many languages in web design, but they all rest on HTML.
Creating Tables
An approach known as transitional design incorporates the use of lightly crafted tables along with CSS to achieve layouts that are compatible in older browsers. This technique is an excellent approach if you have concerns about supporting browsers other than contemporary ones. However, the ideal is to avoid tables altogether, except for the purpose for which they were intended.
XHTML 1.0 Tutorials - Understanding Forms and Input Fields
A collection of 25 FAQs/tutorials tips on XHTML forms and input fields. Clear answers are provided with tutorial exercises on forms and input fields: form elements and submission methods; input elements and input types like text, password, radio, checkbox, hidden, submit, file, image, button; dropdown lists and text areas; multiple forms.
Website Design
I have been designing pages now for 3 years already, and it became somehow repetitive. Especially the structures of the websites. So I thought I would share this with you, I hope you will benefit from this tutorial. Tables are very important in designing websites. Almost all the content are put inside the tables. This tutorial deals with tables. We will basically create tables, and determine what will be put in what column and row.
 
Categories