标签: html-input
是否可以在IE8中运行一些HTML5输入类型？
是否可以在IE8中使用任何库运行一些HTML5输入类型？
例如,范围.
Points: <input type="range" name="points" min="1" max="10">
<input type="submit" value="send">
推荐指数
解决办法
查看次数
适用于移动设备的HTML <input type ="number">的最佳设置
我一直在阅读许多其他问题,例如[1] [2] [3],但问题仍然存在.
我需要找到"最干净"的方式来input获得移动设备的HTML 并尊重所有这三个规则:
- 主要适用于数字,整数或浮点数
显示移动设备上的数字小键盘,适用于Android版Chrome和适用于iOS的Safari,没有奇怪的额外按键
完全尊重HTML5规则(由W3验证器测试)
我试过了什么？
我一直在讨论这些解决方案,这两个主题都没有累积地尊重上述三条规则.
解决方案1
<input type="text" pattern="\d*" />
此解决方案尽管在iOS中工作并且完成了由w3验证器测试的HTML规则,但在Chrome Android中提供了带有QWERTY键盘的完整键盘.
解决方案2
<input type="number" pattern="\d*" />
此解决方案适用于iOS和Android Chrome系统,显示两个系统上的数字键盘,但它会抛出HTML验证错误
仅当输入类型为电子邮件,密码,搜索,电话,文本或URL时,才允许使用属性模式.
解决方案3
<input type="number" />
此解决方案通过HTML测试,在Chrome上显示不错,但在iOS键盘上显示了几个不需要的密钥
解决方案4
我看到许多开发人员使用此解决方案
<input type="tel" />
但是经过Android Chrome测试,它不允许使用点符号(.),并且键有字母,这是多余的.
html-input mobile-safari numeric-keypad android-keypad iphone-keypad
推荐指数
解决办法
查看次数
HTML 输入 - 以编程方式设置输入值时撤消历史记录丢失
我有一个 HTML 输入。当用户在其中输入内容时，我设置了“输入”事件来处理将输入更新为用户输入内容的过滤版本（以及更新选择开始和选择结束以获得流畅的用户体验）。为了达到适当的效果，这种情况会不断发生。
然而，我注意到，每当 JS 通过 设置输入的值时input.value = '...';，输入的撤消历史记录就会消失。也就是说，在聚焦的情况下按 Ctrl-Z 不再返回到之前的状态。
有什么方法可以提供输入自定义撤消历史记录，或者以其他方式防止它丢失历史记录，同时仍然更改其值？
这是我的问题的一个最小示例：
输入顶部输入（基本在每个字符之间添加句点）后，Ctrl-Z 不会撤消。
<body>
<input type="text" id="textbox" placeholder="No undo"/><br/>
<input type="text" id="textbox2" placeholder="Undo"/>
<script>
var tbx = document.getElementById("textbox");
tbx.addEventListener('input', () => {
tbx.value = tbx.value + '.'
});
</script>
</body>推荐指数
解决办法
查看次数
如何避免 <input /> 字段显示“next”选项而不是“go”（在移动键盘上）
有一个输入字段，例如：
<input type="text" />
会自动（在 Android 上）将Enter键盘上的选项更改为Next，并且它将跳转到下一个字段。
如何避免这种行为？
就我而言，我使用输入字段将标签添加到 (或Chips)，它在移动设备上可以正常工作，因为会触发适当的事件。
但是当Next按钮显示时，它似乎模拟按下tab键盘，即它进入下一个字段。我需要它来代替submit。
（也找不到此键盘显示行为的任何相关规格，它似乎是一个自由格式的 Android 特定的东西）
推荐指数
解决办法
查看次数
使用 HTML 输入 type=file 直接从照片库中选择文件
我有一个 HTML 页面，其中包含<input id="imageOnly" type="file" accept="image/*" multiple />如果我在移动浏览器（例如 iOS 上的 Safari）上加载此页面并点击按钮，它首先会显示一个弹出窗口，其中包含一些可能的操作，并要求用户选择一个：
但是有没有办法直接进入照片库而不是出现这个弹出窗口？
如果我使用<input type="file" accept="image/*" capture/>，那么它会直接转到相机而不显示弹出窗口，我想知道是否有类似的方法可以直接转到照片库？
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
使用JavaScript填写输入文件表单
注意:
下面的答案反映了2009年遗留浏览器的状态.现在,您可以在2017年使用JavaScript动态/编程地设置文件输入元素的值.
有关详细信息和演示,请参阅此问题中的答案:
如何以编程方式设置文件输入值(即:拖放文件时)？
我需要用JavaScript填充HTML表单来设置文件的路径以便上传它.此表单所属的Web已经实现了可视化上载,但是
<form id="mobile_fileform">
<input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect1" multiple="" size="-17">
<input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect2" multiple="" size="-17">
<input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect3" multiple="" size="-17">
</form>
如何在此表单中设置文件的路径以及如何使用JavaScript上载它？
谢谢你的帮助
推荐指数
解决办法
查看次数
Html5模式属性与电子邮件不匹配(user@gmail.com)
我是HTML5的新手......
这里我有一些电子邮件模式属性的问题...
1)如果我在电子邮件领域提供类似user@gmail.com的输入...
2)它不接受价值并显示"模式不匹配"..
帮我解决这个问题....
这是Html的片段
<form name='f1' method="POST" action="" >
<div id="fp">
<span style="margin-left:-50px">Email:</span>
<span><input class="input" type="email" name="Email" placeholder="Enter mailID" required pattern="^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$" ></span><br>
<input type="submit" name="submit" value="submit">
</div>
</form>
任何建议都可以接受....
推荐指数
解决办法
查看次数
热得到不完整的datetime-local输入值
我的页面上有以下表格:
<input id='startDate' type='datetime-local' step=1 name='startDate'>
我使用此代码来获取字段的值:
var start = $('#startDate').val();
我的问题是输入字段的值保持未定义,直到填写完每个部分,包括小时,分钟,秒和上午/下午.我希望能够从表格中获得一个只有所选年份的价值.
我该怎么做呢？我很乐意将未填写的值清零,但我无法弄清楚如何获得用户填写的datetime-local部分.
我知道我可以使用jQuery UI的datepicker的timepicker插件来做到这一点,但我真的不想走这条路 - 我更喜欢Chrome实现.
推荐指数
解决办法
查看次数
在HTML步进器<input type ="number">中显示单位
我希望用户输入一个单位,例如"cm","kg"或"$".这可以在jQuery UI中完成:示例
但是,我想在纯HTML中实现它,例如:
input{
display: inline;
}
div.euro-sign::after{
content: "€";
margin-left: -40px;
}<div><input placeholder="5 €" type="number" step="1"></div>
<div><input placeholder="5 €" type="number" step="1" unit="€"></div><!-- NOT working -->
<div class="euro-sign"><input placeholder="5" type="number" step="1"></div><!-- Workaround -->是否有更原生的方式(如示例2)或我是否必须实施变通方法(示例3)？
推荐指数
解决办法
查看次数
标签 统计
html-input ×10
html5 ×5
javascript ×4
forms ×2
jquery ×2
android ×1
datetime ×1
file-io ×1
html ×1
html-email ×1
regex ×1
textinput ×1
undo ×1