首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在HTML(5)中是否有浮点输入类型?

在HTML(5)中是否有浮点输入类型?

提问于 2017-12-19 10:58:12
回答 2关注 0查看 403

根据http://simon.html5.org/html-elements,“数字”输入类型的“值属性,如果指定,而不是空的,必须有一个有效的浮点数的值。

然而,简单地说(在Chrome.latest中,无论如何),使用整数而不是浮点数的“updown”控件:

代码语言:txt
复制
body {
代码语言:txt
复制
  background-color: lightyellow;
代码语言:txt
复制
}
代码语言:txt
复制
header {
代码语言:txt
复制
  font-family:'Segoe UI', 'Segoe Light', 'Courier New', sans-serif;
代码语言:txt
复制
  //font-weight: bold;
代码语言:txt
复制
  padding-left: 15px;
代码语言:txt
复制
  background-color: Blue;
代码语言:txt
复制
  color: White;
代码语言:txt
复制
}
代码语言:txt
复制
label {
代码语言:txt
复制
  font-family: Consolas, 'Segoe UI', sans-serif;
代码语言:txt
复制
  margin-left: 10px;
代码语言:txt
复制
  min-width: 120px;
代码语言:txt
复制
}
代码语言:txt
复制
input {
代码语言:txt
复制
  float:right;
代码语言:txt
复制
}
代码语言:txt
复制
.clearBoth {
代码语言:txt
复制
  clear:both;
代码语言:txt
复制
}
代码语言:txt
复制
<header>New Delivery - @SerialNumber</header>
代码语言:txt
复制
</br>
代码语言:txt
复制
<label>Invoice #</label>
代码语言:txt
复制
<input type="text" id="invoiceNumber"></input>
代码语言:txt
复制
<div class="clearBoth"></div>
代码语言:txt
复制
<label>Date</label>
代码语言:txt
复制
<input type="date" id="date"></input>
代码语言:txt
复制
<div class="clearBoth"></div>
代码语言:txt
复制
<label>Total Amt $</label>
代码语言:txt
复制
<input type="number" id="totalAmt"></input>

运行代码片段Hide results展开代码段

有一个浮点输入元素原生的HTML5,或使数字输入类型的工作与浮动,而不是整数?或者我必须诉诸于jQuery UI插件?

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档