javascript - Proper place for error message/hint in a html form -
I have a simple standard form and are planning to use javascript
To change / display my error message on the form. Error message on the form? Inside the label? Next to the label? Do I put it in a div or span? (I would like the error message to display on the right side of the input field.) Here's my form: Thanks in advance. Usually this is good if you use a div as a cover and in a label Take the error message, and place it next to the input box. Say: Username * "onkeyup =" validateName () "onblur =" validateName () "& gt; CSS < Previous> Document.getElementById ("Idname"). InnerHTML = "signal / error message";
& lt ; Form id = "registerForm" method = "post" action = "register_post.php" & gt; & Lt; P class = "form-registerUserName" & gt; & Lt; Label = "registerUserName" & gt; Username & lt; / Label & gt; & Lt; span class = "required" & gt; * & Lt; / Span & gt; & Lt; Input id = "registerUserName" name = "registerUserName" type = "text" size = "24" maxlength = "24" value = "& lt ;? php echo $ _SESSION ['registerUserName'];? & Gt; Onkeyup = "validateName ()" onblur = "validateName ()" & gt; & Lt; / P & gt; & Lt; / Form & gt;
Input {Display: Inline-Block;} label .error_msg {Display: None; color: red;}
Comments
Post a Comment