HTML Form Validation: Additional Features

Question 1

JavaScript Form Validation

Answer 1

function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
}

Question 2

HTML Form Example

Answer 2

Name:

Question 3

Do you think you like the “placeholder” option that puts the example in the field itself or the prompt off to the right of the field better?

Answer 3

placeholder

Question 4

readonly

Answer 4

• The readonly attribute is a boolean attribute.
• When present, it specifies that an input field is read-only.
• A read-only input field cannot be modified (however, a user can tab to it, highlight it, and copy the text from it).
• The readonly attribute can be set to keep a user from changing the value until some other conditions have been met (like selecting a checkbox, etc.). Then, a JavaScript can remove the readonly value, and make the input field editable.