标签: html-input

我正在尝试使表格可访问.我应该让我的输入双双required和aria-required属性,或只是一个？

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" required>

或者像这样？

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-required="true">

或者像这样？

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-required="true" required>

文章Accessible HTML5 Forms - Required Inputs声称最好同时实现这两者.

我正在努力将一些表单输入更新为HTML5.我对在数据验证方面没有兴趣,就像在移动设备上使用数字键盘一样.输入类型'tel'似乎做我想要的,我得到iPad /手机上的数字键盘.输入类型'数字'也会给我数字小键盘,但它也包括我不想要的微调框.

我想知道的是,如果type="tel"在信用卡输入上使用它是否安全？或者我应该使用type="number"并试图以某种方式禁用微调器.我正在阅读,禁用旋转器可以使Chrome崩溃,这不是我愿意做的权衡.

此外,目前我们正在为移动和非移动用户使用完全相同的网站.

我们的客户希望我们为输入字段显示数字键盘,所以基本上我创建了一个字段,如:

<input type="number" name="quantity" step=".01" value="0.00" />

但是,Galaxy Tablet会删除"." 并合并前后的数字,也禁用"." 在键盘上.

当使用type ="text"时,是否有其他方法可以解决此问题或在输入字段中显示数字键盘？

注意:我尝试使用模式属性(适用于iPhone).我在Android 2.1+的各种Android设备上测试了这个问题.我没有在任何其他HTC和三星设备上遇到此错误.

我有一个带输入字段的表单.每个输入字段都有一个占位符属性.还有一个链接显示同一表单的可打印版本.

我的问题是,如果我保持占位符属性不变并且输入字段为空,则实际打印占位符,这不是很好.

我正在寻找一种解决这种不幸行为的方法.现在,我唯一能想到的是在javascript中遍历DOM并在给出可打印版本时删除所有占位符属性.当然,在恢复到正常页面视图时,也必须恢复占位符属性.

这并不难,但也不是很优雅.我想知道是否有更好的解决方案.

我们正在将我们的产品改编为MsEdge.我们有一个html5拖放功能,可以在IE/Chrome等中正常使用.

从Win10 Insider Preview Build 10162使用Microsoft Edge,禁止删除.我们还检查了http://html5demos.com/dnd-upload也不起作用.

有人解决了吗？

我刚遇到以下问题:

在Web应用程序UI中,我希望用户输入以小时为单位的响应消息的时间范围.时间表最长可达72小时.我们很乐意使用,<input type="time">但最多只能使用24小时.

<input type="time">有一个可选的最大值.我认为默认最长24小时是有意义的,但如果最大可以设置为99:99小时,它会很方便.

关于我可以建议改变标准的任何建议？

a button与type="button"vs 之间有区别type="submit"吗？是否存在功能差异,或者它只是一个描述性名称,以便更轻松地阅读代码？

这有input什么不同吗？

我正在用 Javascript 做一个小数字键盘，但我无法通过.以下方式添加小数点：<input type="number">

document.getElementById('2').onclick = () => document.getElementById('input').value += '2';
document.getElementById('.').onclick = () => document.getElementById('input').value += '.';

<input id="input" type="number" value="3"></input>
<div id="2">click to add 2</div>
<div id=".">click to add .</div>

指定值“3”。无法解析，或者超出范围。

但另一方面，当输入有焦点时，我们可以用键盘手动输入小数点。

完整示例：

var target = document.querySelector('#input');
document.querySelectorAll('.calcbutton').forEach(el => el.addEventListener("click", evt => { target.value += evt.target.innerHTML; }));
document.querySelector('.calcpoint').onclick = evt => { if (!target.value.includes('.')) target.value += '.'; };

<input id="input" type="number"></input>
<div id="calc">
<table>
<tr><td class="calcbutton">7</td><td class="calcbutton">8</td><td class="calcbutton">9</td></tr>    
<tr><td class="calcbutton">4</td><td class="calcbutton">5</td><td class="calcbutton">6</td></tr>    
<tr><td …

我有两个字段,其中一个是文本输入字段,另一个是选择标记.问题是我希望其中一个只能启用,用户应该通过单击上面的一个单选按钮来选择启用哪一个.

因此,如果用户选择第一个单选按钮,则将启用输入字段,如果他选择第二个单选按钮,则将启用选择标记.

这是我的代码:

        <input type="radio" name="type" value="customurl">wanna custom url?
        <input type="text" name="custom" placeholder="should be 5 charecters at least" >
        <br><br>
        <input type="radio" name="type" value="customurl">random?
        <select name="charstype">
            <option>Letters</option>
            <option>Number</option>
        </select>

有没有办法在打印样式表中隐藏输入的占位符文本.我有一个表格,可以选择打印和传真/邮寄.我不知道为什么有人想要这样做,但这就是客户想要的.因此占位符文本在打印文档上的方式.