Los elementos web que soportan teclas de acceso son: a, area, button, input, label, legend, textarea. Y la acción que realice dependerá del tipo de elemento: activar el enlace o la caja de texto, por ejemplo.

Ejemplo:
<form action="..." method="post">
<p>
<label for="autor" id="autor">Nombre</label>
<input type="text" name="autor" accesskey="n" /> (access n)
<label for="correo" id="correo">Mail</label>
<input type="text" name="mail" accesskey="m" /> (access c)
<label for="web" id="web">Web</label>
<input type="text" name="web" accesskey="w" /> (access w)
</p>
</form>

Intenta » Crear teclas de acceso con accesskey

Technorati Tags: accesskey, html, access, key, tips, teclas, juglar103, Juglar

De todas maneras, aprovecho para comentar las posibilidades que tenemos para poner una caja de búsqueda de términos en nuestro blog. He intentado simplificar al límite el código y que valide. Luego, que cada cual lo personalice como le venga en gana.

Google:
<form method="get" action="http://www.google.com/custom">
<p>
<input type="text" name="q" />
<input type="submit" value="Buscar"/>
<input type="hidden" name="sitesearch" value="juglar103.blogsome.com" />
</p>
</form>

Búsqueda de blogs en Blogger:
<form method="get" action="http://search.blogger.com">
<p>
<input type="text" name="as_q"/>
<input type="hidden" name="bl_url" value="juglar103.blogsome.com" />
<input type="submit" value="Buscar"/>
</p>
</form>

Búsqueda de blogs en Google (la búsqueda es lo mismo que lo anterior, solo cambia la apariencia):
<form method="get" action="http://blogsearch.google.com/blogsearch">
<p>
<input type="text" name="as_q" />
<input type="hidden" name="bl_url" value="juglar103.blogsome.com" />
<input type="submit" value="Buscar" />
</p>
</form>

Una opción “mona” la de Blogbar:

Y, claro, Technorati (instrucciones):

Para terminar, una curiosidad: cómo se pone un texto por defecto en una caja de búsqueda que desaparezca al pinchar en la caja cuando se empieza a escribir:

<input type="text" value="Escriba su consulta..." onfocus="if(this.value=='Escriba su consulta...')this.value=''" />

Otras opciones para poner cajas de búsqueda en tu blog:
PicoSearch
FreeFind
MuseStorm

Customizable Google Free WebSearch and SiteSearch
Add search to any blog
Google blog search searches and excerpts from LiveJournal

Technorati tags: search, busqueda, google, blogger, blogbar, technorati, form, input, blogs, juglar103, Juglar

Editores CSS:
TopStyle Lite
Simple CSS
Balthisar Cascade
Cascade DTP
CSSED
JustStyle CSS Editor
CSSVista

Comparativas:
Genii Software | WebEditors

Sería de agradecer que cada cual aportara sus experiencias con los que haya probado.

fieldset: Agrupa un conjunto de controles.
legend: Da una leyenda al fieldset.
tabindex: Orden que seguirá el cursor por cada caja, dándole a la tecla tabuladora.
label: Cuando hace click sobre el texto, también seleccionas la caja.

Cada input debe tener un id, pero además podemos agrupar mediante classes para modificar mas fácilmente los estilos de las cajas.

Minid.net - Formularios Web
Intenta - Agrupar campos con CSS
Armonía - Formularios y mensajes de error

Enlaces:
World Wide Web Consortium - Wikipedia
World Wide Web Consortium - Oficina Española
Guías Breves de Tecnologías W3C
Traducciones al Castellano

HTML:
W3C HTML
Guía Breve de XHTML
Traducción HTML 4.01
Traducciones XHTML

CSS:
W3C CSS (RSS)
W3C Especificaciones CSS
Guía Breve de CSS
Traducción de la Especificación CSS1
Traducción de la Especificación CSS2

Artículos:
10 Beneficios de Codificar Aplicaciones Web Apegado a Estándares

Todos los formularios van definidos entre las etiquetas <form>, entre las que situaremos las cajas de texto y botones que lo componen.

Atributos de la etiqueta <form>:
action - La acción que realiza el formulario: enviar a un correo electrónico (action=”mailto:correo”) o a un programa (action=”url_programa”)
method - La forma en que se envia el formulario: post o get (normalmente, siempre post).
enctype - El formato de la información que se envía. Se usa en envío a correo electrónico con valor “text/plain” para garantizar la legibilidad de la información.

Ejemplo:
<form action="mailto:direccion@correo.com (o nombre del archivo de proceso)" method="post" enctype="text/plain">
....
</form>

Y a continuación, los elementos que puede contener un formulario:

Caja de texto corto (los atributos type y name son obligatorios):
<input type="text" name="nombre">

Atributos opcionales:
size=”(nº)” - Tamaño de la caja en número de caracteres.
maxlength=”(nº)” - Tamaño máximo del texto que puede ser tomado por el formulario.
value=”(texto)” - Texto predefinido de la caja.
<input type="text" name="nombre" value="Tu nombre...">

Texto oculto: Se muestra con asteriscos.
<input type="password" name="nombre"/>

Texto largo: Para que el visitante pueda escribir varias líneas, usamos <textarea>, con los atributos rows (nº líneas) y cols (nº columnas).
<textarea name="comentario" rows="3" cols="40"></textarea>

Para darle un contenido predefinido:
<textarea name="comentario" rows="3" cols="40">Escribe tu comentario....</textarea>

Listas de opciones
<select name="archivosmeses">
<option>Enero</option>
<option>Febrero</option>
<option>Marzo</option>
<option>Abril</option>
</select>

Atributos de select:
size: Nº valores mostrados de la lista.
multiple: Permite la selección de varios elementos a la vez. (no recomendable)

<select name="archivosmeses" size="2">

Atributos de option:
selected: Opción elegida por defecto.
<option selected>Marzo</option>

value: Define el valor de la opción que será enviado al programa.
<option value="1">Enero</option>

Botones de radio:
<input type="radio" name="opinion" value="1">A favor
<br>
<input type="radio" name="opinion" value="2">En contra
<br>
<input type="radio" name="opinion" value="3">Indiferente

Con opción preseleccionada:
<input type="radio" name="opinion" value="1" checked>A favor

Cajas de validación:
<input type="checkbox" name="opinion">Estoy de acuerdo

Botón de envío:
<input type="submit" value="Enviar">

Botón de borrado:
<input type="reset" value="Borrar">

Botones normales (que usaremos para otras funciones javascript):
<input type="button" value="Texto del botón">

Tutoriales del HTML de los formularios:
W3C “HTML 4.01 Specification
DesarrolloWeb (he seguido este)
Web Taller
Programación Web
HTMLWeb
HTML Point
WebEstilo
Vitamina Web

(Iba a hacer una lista, pero José Luis ya unificó todo lo unificable. Para qué repetir.)

Caracteres HTML:
maratz.com: UTF-8 entities
moon_aka_sun: HTML Character Entities
XHTML Character Entity Reference
HTML XHTML Entities
Transformación de texto con acentos, ñ, ç, etc al mismo texto con htmlentities
Encode HTML Entities
A Simple Character Entity Chart | evolt.org
Unicode Charts Panel

CSS:
Guía de Referencia Rápida CSS 2.1
Meyerweb.com CSS1
Meyerweb.com CSS2
CSS2 Test Suite
CSS Reference | Stylegala
CSS Properties
Cascading Style Cheatsheet
CSS Reference Table
Referência visual de propriedades do CSS 2 [ Infografia ]
CSS Cheat Sheet - CSS - ILoveJackDaniels.com
CSS Cheat Sheet
Quick Lookup
Properties : CSS 2.1 Reference : Cultured Code
CSS Reference

Varios lenguajes:
gotAPI.com
DevGuru Technologies
Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… | Web-Tools

Para instalarlo, basta con arrastrar el enlace que lo contiene (en este artículo los pongo en negrita) hasta la barra de tu navegador.

GmailThis (vía Genbeta): Facilita el envío de un correo desde Gmail, con enlaces y textos de la web en la que estás.

Busca en la wikipedia (vía X-Blog): Para buscar en la wikipedia.

Go to Referrer (vía Jesse Ruderman): Vuelve a la página desde la que llegaste a la presente.

Google Search (vía MineZone Blog)

del.icio.us linkbacks (vía Lifehacker): Muestra en una ventana los usuarios delicious, las descripciones y las etiquetas que han asignado a esa web.

Elevator Up (vía blogpocket): Subir un nivel en el dominio de la web que estás leyendo.

Diccionario de la Real Academia de la Lengua Española (vía Avalúo)

blummy: Visualización más agradable de tus bookmarklets, que puedes importar a otros ordenadores.

OnlyWire: Para enviar tus marcadores a varios servicios a la vez.

Enfocados a desarrollo web:

EditCSS (vía Matthew Schinckel): Despliega en un editor de texto el CSS de la página que estás viendo, pudiendo modificarlo y observar el efectos de los cambios inmediatamente.

Resize (vía coda.coza): Redimensiona la ventana del navegador a los parámetros que indiques.

MODIv2 (Mouseover DOM Inpsector)

CSS Debug Toggle (web)

Favelet Suite (web)

[liorean@web-graphics.com]

Bookmarklet Generator for Searches

Listados de bookmarklets:
Jesse’s Bookmarklets Site
Pixy: Let’s Favelets
Tantek - Favelets
Accessibility-checking favelets
web BM’s
ALL THE BOOKMARKLETS!

Muchos servicios ofrecen esta técnica para facilitarle el trabajo a sus usuarios. Así, Bloglines tiene sus imprescindibles botones de suscripción fácil, WordPress ofrece su edición rápida, y del.icio.us ya comenté que desplegaba grandes posibilidades.

Ver también: Herramientas para solucionar problemas CSS

CSS:
Servicio de Validación de CSS del W3C
CSSCheck: Validación CSS.
CSS Analyser: Análisis de CSS.

Accesibilidad

Análisis global:
WebXACT
Site Check - Web Site Test Tool
Web Page Reports
Craig Cecil
AboutUrl.com
Total Validator Service

Enlaces rotos:
W3C Link Checker
Link Valet
Links-Rotos.com
Link Valet

Posicionamiento

Feeds:
RSS Validator
Feed Validator
W3C Feed Validation Service, for Atom and RSS

Tiempo de carga:
Web Page Analyzer:
Loading time checker
MonitoreoInternet.com - Chequeo Sitio Web
Website Goodies - Website Speed Test
Website Speed Test

Visión según tamaño de la pantalla:
Screen Size Tester

Otros:
Readability Test: Legibilidad.

UITest.com