Javascript called from within an HTML form question

by 4 replies
5
Can you tell me why the value within this form input field does not clear when I click it?

Here's the code...

<head>
<script type="text/javascript"
function change()
{
document.getElementById("myField1").value="";
}
</script>
</head>

<input type="text" id="myField1" name="email" value="Enter Email" style="height:45px;width:463px;font-size:14pt;" onClick="javascript:change()" />

Thanks.

Alex
#programming #called #form #html #inside #javascript #question
  • Banned
    [DELETED]
  • Try closing the script tag <script type="text/javascript">
  • or even better try placeholder instead of value and drop that JS
    <input type="text" id="myField1" name="email" placeholder="Enter Email" style="height:45px;width:463px;font-size:14pt;" />
  • [DELETED]
  • Have a look at upgrading to HTML5 also, you can upgrade to use the email type and the required attribute:

    <input type="email" required name="email" placeholder="Enter Email" style="height:45px;width:463px;font-size:14pt;">
  • You must use the placeholder attribute for your form input elements. No need to have javascript there.

    I would also recommend not using inline-css, to prevent clutter. Separate concerns by creating an external stylesheet and writing the following:

    Code:
    input {
    height: 45px;
    width: 463px;
    font-size: 14pt;
}
    Then your input simply becomes:

    Code:
    <input type="text" id="myField1" name="email" placeholder="Enter Email">
    Much cleaner
Join the discussion

Next Topics on Trending Feed