Home/ Questions/Q 6728177
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T10:08:18+00:00

I’m using the following code to create a simple form. How do I make

  • 0

I’m using the following code to create a simple form. How do I make it so that when someone clicks in one of the input fields, the border changes colour? Thanks in advance

<style>
.texta {  
  color: #CDCBCB;  
  background-color: #FFFFFF;  
  border: 1px solid #E2E2E2;
  font-style:italic
}  

.sendbutton {
    background:#F6F6F6; color:#999999;
    border: 1px solid #E2E2E2;  
    cursor:pointer;
    padding:5px 10px;
    -webkit-border-radius:8px
}
</style>


<form action="mailto:email@email.com" method="post" enctype="text/plain">
<div style="height:12px;"><input type="text" name="name" value="Name (required)" size="40" class="texta"></div><br>
<div style="height:12px;"><input type="text" name="mail" value="Email (required)" size="40" class="texta"></div><br>
<div style="height:12px;"><input type="text" name="comment" value="Subject (required)" size="40" class="texta"></div><br>
<textarea name="Message" value="Message (required)" cols="40" rows="6" class="texta"></textarea><br>
<br><input type="submit" value="&nbsp; &nbsp; Send &nbsp;&nbsp;" class="sendbutton">
</form>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add a CSS rule for .texta:focus and set border-color.

    • 0