HTML5:input=number不能输入小数??

HTML5:input=number不能输入小数??,第1张

表单元素input是用来配置表单中的输入字段,input元素可配置10种不同类型的输入字段,字段类型由type属性决定。input元素不仅可以布置于表单中,也可布置于区块型元素或线内元素中input元素为空元素,在HTML文件中没有终止标签,但在XHTML文件中必须在起始标签右括号前加上一个“/”右斜线作为结束,或是将basefont元素也加上终止标签。

属性:

type(输入字段的类型):

说明:

text:单行输入框;

password:密码输入框;

checkbox:可复选的复选框;

radio:单选按钮;

submit:提交按钮;

reset:重置按钮;

file:文件选择字段;

hidden:数据隐藏字段;

image:图片传送按钮;

button:通用按钮;

name(字符串【任意值】);

说明:输入字段的识别名称,传递数据时的参数名称;

value(字符串【任意值】);

说明:字段默认数据值,checkbox、radio类型的字段不可省略此属性设置,其余类型都可省略。用于botton、submit、reset等字段类型指的是按钮标签的显示文本,用checkbox、radio类型的字段时,

则为表单数据传送时被选定项目的数据值;

size(正整数);

说明:指定输入字段的宽度,文字型输入字段(text、password)为文字数宽度,其余字段类型为像素单位(pixel)的宽度;

maxienght(正整数);

说明:指定字段输入的文字数,用于文字型输入字段(text、password),默认没有限制可输入数;

checked(空值/checked);

说明:指定字段已是被选取状态,用于checkbox、radio字段,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中次数性质不可省略,即需指定checked="checked"

disabled(空值/disabled);

说明:设置输入字段为不可使用(字段变成灰色),表单数据传送时,讲不会传送该字段数据,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中属性值需指定为disabled(disabled=“disbled”)

readonly(空值/readonly)

说明:指定字段数据不可变更,但表单数据传送时,将会传送该字段数据,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中属性值需指定为readonly(readonly=“readonly”);

src(URL)

说明:指定图片来源的URL,用于image字段

alt(字符串【任意值】)

说明:当图片无法显示时的代替文字,用于image字段

align:

top(靠上)

middle(置中)

bottom(靠下)【默认】

left(靠左)

right(靠右)

说明:用于image字段,指定图片与文字的对应排列方式,top/middle/bottom为图片与文字的垂直方向的对应关系,left/right为图片与文字水平方向的对应关系(图文串排),此属性仅可在Transitional、Frameset DTD的情况下使用

tabindex(0到32767)

说明:指定按下Tab键时项目键移动的顺序,从属性值最小者开始移动

accesskey(任意一个文字码中的文字)

说明:指定快捷键文字,快捷键的使用在Windows中为Alt键+快捷键文字,Macintosh为Ctrl+快捷键文字

accept(MIME类型)

说明:指定服务器处理字段数据时所能接受的MIME类型,可复数指定,MIME清单项目使用“,”逗号或空格隔开,用于file字段

usemap(URI)

说明:用于image字段,将字段设置为客户端的影响地图,URI格式为#mapname,其中mapname对应于map元素的name属性值

ismap(空值/ismap)

说明:用于image字段,指定表示为服务器端的影像,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中属性值需指定为ismap(ismap="ismap")

<input type="text" id="text1" />

$(document).ready(function () {

//敲击按键时触发

$("#text1").bind("keypress", function (event) {

var event = event || window.event

var getValue = $(this).val()

//控制第一个不能输入小数点"."

if (getValue.length == 0 &&event.which == 46) {

event.preventDefault()

return

}

//控制只能输入一个小数点"."

if (getValue.indexOf('.') != -1 &&event.which == 46) {

event.preventDefault()

return

}

//控制只能输入的值

if (event.which &&(event.which <48 || event.which >57) &&event.which != 8 &&event.which != 46) {

event.preventDefault()

return

}

})

//失去焦点是触发

$("#Score").bind("blur", function (event) {

var value = $(this).val(), reg = /\.$/

if (reg.test(value)) {

value = value.replace(reg, "")

$(this).val(value)

}

})

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8287220.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存