Re: [WSG] More on forms
On 19 May 2012, at 10:04, coder wrote:
var re = new RegExp('[\?\\[\\]]', 'g');
What I'm asking now is, is there an equivalent function using words instead
of characters?
In a regular expression bar will match bar while [bar] will match b or
a or r. Just don't use the square brackets.
(You should also use regular expression literals ( /bar/ instead of new
RegExp(bar) ) as they avoid having to escape things for regex and then escape
them again for the string.)
--
David Dorward
http://dorward.me.uk
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] more usable forms
Mark, Russ, I didn't write the article, but sitepoint does have a facility to provide feedback (http://www.sitepoint.com/feedback/1273) and I know the author responsible is listening. Done. Thanks. -Hugh * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] more usable forms
I bought their 'Designing Without Tables Using CSS' book by the way, and found it remarkably misleading since most of it was about basic CSS while only briefly touching on layout CSS, and then only as regards to one type of layout. The reference section is handy, but apart from that the book was not worth the money. Oh, and despite a reference to the box model hack being described elsewhere in the text, it isn't. When I complained about how misleading the book's title was they just pointed me to their site and said there's a lot of other stuff there. Peter Mark, Russ, I didn't write the article, but sitepoint does have a facility to provide feedback (http://www.sitepoint.com/feedback/1273) and I know the author responsible is listening. Done. Thanks. -- peter gifford universal head design that works visit 7/43 bridge road stanmore nsw 2048 australia call(+612) 9517 1466 fax (+612) 9565 4747 email [EMAIL PROTECTED] sitewww.universalhead.com * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] more usable forms
I have never heard of the label tag. This article is quite useful. It is true - every detail matters once you get to a certain level of web development. I guess the label tag also mets conformance standards since the text that used to float around without a semantically defined purposenow can be inside the tag, which defines it to label the input element. - Original Message - From: Mark Stanton [EMAIL PROTECTED] To: Sydney Web Standards Group [EMAIL PROTECTED] Sent: Thursday, January 22, 2004 9:42 PM Subject: [WSG] more usable forms Nice article on making forms a bit nicer. http://www.sitepoint.com/article/1273 Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] more usable forms
Hey Andrew You may also be interested in the accessible form demo presented to the Sydney group by Roger Hudson - http://webstandardsgroup.org/resources/documents/doc_5_accessform.html. There are a few other links to stuff he discussed that night at - http://webstandardsgroup.org/go/resourcecat15.cfm. Lastly Dive into Accessibility goes into a bit more detail about label - http://diveintoaccessibility.org/day_28_labeling_form_elements.html Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] more usable forms
Andrew :
See my tables or css post a while back for an example of this, copied
below. It may help out..
Hi
But then we have tables used as a layout device, and a form isn't
associated tabular data.. it's a user interface. What if we wanted to
present the form in a different way using CSS, for instance placing the
label to the right or above the input field? This is something that
can't be done with table cells without changing the underlying markup.
It's quite ok to use a block containing the div, and having something
like this in HTML4. You could even then float the formfield left and
have a form in one long line.
div class=formfield
label accesskey=a for=emailEmail address/label
input class=textfield name=email type=text id=email
value= /
/div
div class=formfield
label accesskey=p for=passwordEmail password/label
input class=textfield name=password type=password
id=password /
/div
Notes:
http://www.htmlhelp.com/reference/html40/block/div.html
http://www.htmlhelp.com/reference/html40/forms/label.html
This allows me to give a consistent form interface to the user as the
formfield, texfield and label are all fixed widths. My only query would
be is it wrong to force a label into being a block?
I did the CSS before I got my head around descendant selectors...
/* could use .formfield label */
LABEL
{
padding : 2px;
margin : 3px 1px 3px 1px;
border : none;
display : block;
width : 120px;
text-align : right;
float : left;
}
.formfield
{
text-align : right;
padding : 2px;
margin : 0px 1px 0px 1px;
width : 300px;
border : none;
}
.textfield
{
width : 150px;
border: 2px inset #ccc;
background-color: #ededed;
color : #333;
padding : 2px;
margin : 3px 0px 3px 0px;
font-size : 10px;
}
example at my.spamtrap.net.au
Cheers
James
Andrew Cheong wrote:
I have never heard of the label tag. This article is quite useful. It is
true - every detail matters once you get to a certain level of web
development.
I guess the label tag also mets conformance standards since the text that
used to float around without a semantically defined purposenow can be inside
the tag, which defines it to label the input element.
*
The discussion list for http://webstandardsgroup.org/
*
Re: [WSG] more usable forms [Virus checkedAU]
This email is to be read subject to the disclaimer below. Hi Andrew, I have never heard of the label tag. This article is quite useful. It is true - every detail matters once you get to a certain level of web development. If you found the label tag useful, check out the fieldset and legend tags as well. They are not only good for accessibility but look quite good as well. These two links explain them in a bit of detail. http://www.htmldog.com/guides/htmladvanced/forms.php http://www.accessify.com/tutorials/better-accessible-forms.asp Cheers, Vik -- Viktor Radnai Web Developer Business Innovation Online Ernst Young Australia http://www.eyware.com/ http://www.eyonline.com/ Direct: +612 9248 4361 Fax: +612 9248 4073 Mobile: +61408 662 546 Andrew Cheong [EMAIL PROTECTED] To: [EMAIL PROTECTED] i.com cc: Subject: Re: [WSG] more usable forms [Virus checkedAU] 23/01/2004 02:13 PM Please respond to wsg I have never heard of the label tag. This article is quite useful. It is true - every detail matters once you get to a certain level of web development. I guess the label tag also mets conformance standards since the text that used to float around without a semantically defined purposenow can be inside the tag, which defines it to label the input element. - Original Message - From: Mark Stanton [EMAIL PROTECTED] To: Sydney Web Standards Group [EMAIL PROTECTED] Sent: Thursday, January 22, 2004 9:42 PM Subject: [WSG] more usable forms Nice article on making forms a bit nicer. http://www.sitepoint.com/article/1273 Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * NOTICE - This communication contains information which is confidential and the copyright of Ernst Young or a third party. If you are not the intended recipient of this communication please delete and destroy all copies and telephone Ernst Young on 1800 655 717 immediately. If you are the intended recipient of this communication you should not copy, disclose or distribute this communication without the authority of Ernst Young. Any views expressed in this Communication are those of the individual sender, except where the sender specifically states them to be the views of Ernst Young. Except as required at law, Ernst Young does not represent, warrant and/or guarantee that the integrity of this communication has been maintained nor that the communication is free of errors, virus, interception or interference. Liability limited by the Accountants Scheme, approved under the Professional Standards Act 1994 (NSW) * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] more usable forms
I was quite surprised when I first saw the way that some Mac browsers highlight focused inputs with a light blue border. If only :focus was better supported by IE. and PNG's and.. and.. ChrisB On Fri, 2004-01-23 at 13:42, Mark Stanton wrote: Nice article on making forms a bit nicer. http://www.sitepoint.com/article/1273 Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
