9

I am using Spring's form:input as below : 

<form:input type="number" .....>

in my jsp but when I check the html that is rendered on the browser it shows like :

type="number" type="text"

i.e., two type attributes are generated in the html.

On the other hand, if I check using inspect element option in the browser, it shows correct - only type="number" as expected.
Edit- My Question: Why am I getting two type attributes in generated html (type="number" type="text") ? How to get it resolved?

iAmLearning
  • 1,153
  • 3
  • 15
  • 28

3 Answers3

7

Spring form:input tag doesnt have any attribute named type and the type=number used in your code belongs to html5 input tag

Also have a look at HTML Text Input allow only Numeric input

Spring form tld lists the valid attributes of form:input element here

Community
  • 1
  • 1
Santhosh
  • 8,181
  • 4
  • 29
  • 56
  • 1
    so does it mean that if I need to remove the extra "type" from my html then I have to use the html's instead of spring's form tag ? – iAmLearning Nov 26 '14 at 06:52
  • yes you should , if you are going to use the UN-defined attribute to the tag it becomes meaningless isnt ? – Santhosh Nov 26 '14 at 09:08
  • 1
    I'm using spring form and I want to allow only numerics in the `form:input`, how can I do it? – Suresh Aug 14 '18 at 15:00
1

HTML 5 with <!DOCTYPE html> has native solution:

<input type="number">

Beware that it does not behave in standard way in some browsers.

Try input type="number" to see the HTML5 version in action.

See also https://github.com/jonstipe/number-polyfill for transparent support in older browsers.

tk_
  • 16,415
  • 8
  • 80
  • 90
1

I know this is old, but i found a solution that works just fine for me.

The spring:input form tag doesnt support the type attribute and there is no such thing as spring:number. But you can use jquery to add the type="number" attribute to the parsed html.

I used:

$(".selector").attr({
    "type" : "number",
});
yumyumsuppe
  • 11
  • 1