Help - Search - Members - Calendar
Full Version: Textbox Design
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Kevin Jung Park
Hello, I have created a Textbox for my company.
This textbox is for customers to be able to track their pacakges.

So far, this is how it looks:

CODE
<!doctype html>
<html>
<head>
    <title></title>
</head>
<body>
<form action="http://www.ontime360.com/tracking/trackingresults.aspx" id="trForm" method="post" name="trForm"><input id="accid" name="accid" type="hidden" value="gUkRlCdwJcAgpEfehZD/Hp83DaOTPrfvOIgIDqZo2EOap1W56+Y92w==" />
<table height="51" width="379">
    <tbody>
        <tr>
            <td style="text-align: center;"><input id="TrackingNumber" input="" maxlength="12" name="TrackingNumber" placeholder="Track your package" size="35" style="height:40px;font-size:14pt;" type="text" /><input id="btnSubmit" input="" name="btnSubmit" onclick="trForm.target='_blank';" src="http://icons.iconarchive.com/icons/pelfusion/long-shadow-ios7/128/Search-icon.png" style="float: right; width: 40px; height: 40px;" type="image" value="SPOR" /></td>
        </tr>
    </tbody>
</table>
</form>
</body>
</html>


But, I want it to look better.
Like, the search button to be inside the box and maybe add some kind of animation to it? So there is an image or...
Well, is anyone able to create something out of this that could help alot!

Thanks in advance!
Terminator
I don't know about putting the search button inside the textbox, wouldn't that get in the way of typing?

Here are quite a few textbox styling examples. What you could do it use their code, and then alter it to fit your needs, change colors, etc.

http://html-generator.weebly.com/css-textbox-style.html
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.