Go4Expert

Go4Expert (http://www.go4expert.com/)
-   JavaScript and AJAX (http://www.go4expert.com/forumdisplay.php?f=36)
-   -   how to use HTML to add "-" to fix in input box? (http://www.go4expert.com/showthread.php?t=20751)

ckcy2008 25Jan2010 10:48
how to use HTML to add "-" to fix in input box?
 
Hi everyone..how to make the input text box with "-" ?

like the text box is look like " - "

before the dash is 4 size, after the dash is 10 size.

whatever user key in 6 digits, it will become like this "1234-56"

how to make it like this in HTML?

kiddo 25Jan2010 15:06
Re: how to use HTML to add "-" to fix in input box?
 
First, what is this input used for?
if it is for a verification or something like this, I think you can make two text box with limited length of input.

If you just want to use 1 text box, you must use javascript (I think). Coz as far as I know, HTML is just used for designing website, it's not a programming language.

HTML -> HyperText Markup Language

ckcy2008 25Jan2010 15:11
Re: how to use HTML to add "-" to fix in input box?
 
Thankx for ur reply

the input box, use for key in only.....
so, i have to create to input box??
[input with length 4] - [input with lenght 2] <--- is it like this?

SpOonWiZaRd 25Jan2010 17:04
Re: how to use HTML to add "-" to fix in input box?
 
Here is some javascript I use to make it so that the user can only enter numbers:

Code:
<script type="text/javascript">

function numbersonly(myfield, e, dec)
{
var key;
var keychar;

if (window.event)
  key = window.event.keyCode;
else if (e)
  key = e.which;
else
  return true;
keychar = String.fromCharCode(key);

if ((key==null) || (key==0) || (key==8) ||
    (key==9) || (key==13) || (key==27) )
  return true;

else if ((("0123456789+").indexOf(keychar) > -1))
  return true;

else if (dec && (keychar == "."))
  {
  myfield.form.elements[dec].focus();
  return false;
  }
else
  return false;
}
Then my button tag looks like this: <input type="text" name="IdNumber" onKeyPress="return numbersonly(this, event)" size="40" maxlength="15">
Maybe you can change the code to suit your goal?? I think.

kiddo 25Jan2010 21:00
Re: how to use HTML to add "-" to fix in input box?
 
Quote:
Originally Posted by ckcy2008 (Post 63346)
Thankx for ur reply

the input box, use for key in only.....
so, i have to create to input box??
[input with length 4] - [input with lenght 2] <--- is it like this?

yeah, that's what I mean (if you don't want to use javascript).
But if you want to use javascript, maybe you can try SpOonWiZaRd code

ckcy2008 26Jan2010 07:08
Re: how to use HTML to add "-" to fix in input box?
 
Thank you very much!!!! ok... i know how to do now...
xie xie

SpOonWiZaRd 29Jan2010 14:21
Re: how to use HTML to add "-" to fix in input box?
 
Here is also a link to a page that does it in a very cool way, look at where you have to enter your number. http://www.vuzu.tv/register/


All times are GMT +5.5. The time now is 11:54.