This tutorial takes a look at three HTML form fields that allow your visitors to choose from a list of options: checkboxes, radio buttons, and select
menus.
[Read more…] about HTML Checkboxes, Radio Buttons and Select Form Fields
Matt Doyle | Elated Communications
Web and WordPress Development
Here you’ll find articles about website development, WordPress, and other topics that I’m interested in. I hope you enjoy them and find them useful. Comments and feedback are always welcome!
This tutorial takes a look at three HTML form fields that allow your visitors to choose from a list of options: checkboxes, radio buttons, and select
menus.
[Read more…] about HTML Checkboxes, Radio Buttons and Select Form Fields
In this tutorial you explore two HTML form fields that allow visitors to enter text: text fields, suitable for short, single-line text, and textarea fields, which are suited to longer paragraphs of text.
This series of tutorials shows how to create HTML forms in your Web pages. Forms allow you to make your site interactive — your visitors can use the forms on your site for giving you feedback via email, navigating your site, posting messages and other content to your site, voting and polling, and almost anything else you can dream of!
In this tutorial, you start by looking at the HTML form
element, the basic building block of Web forms. You then learn how to use disabled and read-only controls to enhance your forms. Finally, you’ll look briefly at ways to process the results of your forms after they’ve been submitted.
The remaining tutorials in the series look at 8 different types of form fields that you can place in an HTML form, including text fields, checkboxes, radio buttons, menus, text areas, hidden fields, password fields and file upload fields. You’ll also learn how to create submit, image and reset buttons, and how to create generic form buttons. Buttons are needed to “activate” your Web form — for example, to enable the user to send the form after they’ve filled it in.
Once you’ve made your basic selection using one of Photoshop’s numerous selection tools, there are a lot of things you can do to play around with it. In this tutorial we’ll look at:
Photoshop’s Quick Mask mode is a really versatile way to select things. Instead of creating marquees as you do with the other tools, you can “paint” the selection using any of Photoshop’s painting tools. You can even use the other selection tools on the Quick Mask, as if it was a regular image. This makes the Quick Mask mode a very powerful feature of Photoshop.
This tutorial will show you how to create a JavaScript-enabled form that checks whether a user has filled in the form correctly before it’s sent to the server. This is called form validation. First we’ll explain why form validation is a useful thing, and then build up a simple example form, explaining things as we go along. At the end, there’s a little exercise to keep you busy too!
Photoshop’s Color Range command is great for selecting particular colours in your image — for example, all the reds, or all the greens. You can then work on these specific colours — turning them from green to red, for example, or removing particular colours from the image.
This command doesn’t work well for selecting particular areas of your image (such as a foreground object), as it has a tendency to only partially select pixels, and often selects unwanted parts of your image that are a similar colour. But it’s great for selecting colours to work on!
[Read more…] about Selecting with Photoshop’s Color Range Command
In this tutorial you’ll look at two very quick and easy ways to make selections in Photoshop: The Quick Selection tool and the Magic Wand tool.
[Read more…] about Using Photoshop’s Quick Selection and Magic Wand Tools
In this reference we will look at how to control text appearance using style sheets. CSS gives you precise control over typography in your Web pages, allowing you to set parameters such as the spacing between lines, words and even letters, and the alignment and indenting of text.
We’ll look at the different text properties that can be used with CSS, and explain each property with some real-world examples. Each example is displayed as it would render in your browser.
There are eight properties that can be used to control text appearance – word-spacing
, letter-spacing
, text-decoration
, vertical-align
, text-transform
, text-align
, text-indent
and line-height
. Let’s look at each of these properties in turn.
In this reference we will look at how to control font properties using style sheets. This is a really useful feature of CSS because it means that you can avoid having all those <font>
tags in your Web pages, and it allows you to easily control all your fonts simply by editing one style sheet file.
We’ll look at the different font properties that can be used with CSS, and explain each property with the aid of some real-life examples. Each example is shown as it renders in your browser.
There are six properties that can be used to control fonts – font-family
, font-style
, font-variant
, font-weight
, font-size
and font
. Let’s look at each of these in turn.
Copyright © 1996-2024 Elated Communications. All rights reserved.
Affiliate Disclaimer | Privacy Policy | Terms of Use | Service T&C | Credits