标签: html-input
contenteditable 的 html 数据列表（非输入标签）
我想知道是否有任何非法侵入的方式可能有人知道这将允许HTML数据列表元件的作用，与contenteditable元素，不会与<input>元素。
示例代码：
<label>Choose a browser from this list:
<span contenteditable list="browsers" name="myBrowser">choose</span>
</label>
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>
似乎它只能与<input>元素绑定。在我的情况下，我有一个 javascript 插件，它隐藏了一个输入字段并将其替换为span，对于一些只能使用常规 DOM 元素完成的“特殊”事情，例如span. 这个跨度是contenteditable和行为是它替换的输入的模拟，而输入是隐藏的。
推荐指数
解决办法
查看次数
如何修复HTML5输入框的高度不一致？
HTML5中引入的一些新输入类型(例如<input type="date">Google Chrome中较高的输入类型).有没有办法在不设置固定高度的情况下修复不一致的高度？
目标是使下面列出的所有输入类型包括所有提交按钮具有相同的高度.原因:
- 特别是当它们水平布置时,匹配设计.
- 灵活性,当我需要一些输入框具有更大的字体大小.
$("input").each(function() {
h = $(this).outerHeight();
$(this).parent().append(h);
});input {
font: inherit;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
border: 1px solid silver;
padding: 0.5rem;
margin: 0;
}
[type="search"] {
-webkit-appearance: textfield;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
background-color: silver;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Input Heights</h1>
<p><input type="text" placeholder="text"></p>
<p><input type="search" placeholder="search"></p>
<p><input type="tel" placeholder="tel"></p>
<p><input type="url" placeholder="url"></p>
<p><input type="email" placeholder="email"></p>
<p><input type="datetime" placeholder="datetime"></p>
<p><input type="date" placeholder="date"></p>
<p><input type="month" placeholder="month"></p>
<p><input type="week" placeholder="week"></p>
<p><input type="time" …推荐指数
解决办法
查看次数
强制带有数字类型的 TextField 将点显示为小数点分隔符
推荐指数
解决办法
查看次数
如果在 chrome 中突出显示，HTML 输入范围类型将无法通过拖动操作使用
请考虑以下在 Windows 上的 Chrome 浏览器中显示的示例。
<input type="range">它产生一个范围滑块。我发现如果我首先使用鼠标
- 鼠标向下稍微低于范围滑块
- 仍然按住鼠标按钮，将鼠标移过范围滑块到其顶部
- 释放鼠标
我可以使范围滑块停止按预期运行。它显示一个“有一条线穿过的圆圈”光标，并不允许我向右或向左滑动手柄。
我的理论是，我采取的第一个操作“选择”或“突出显示”范围选择器，就像在浏览器中选择文本的一部分一样，然后我随后尝试操作范围滑块被解释为我想要拖动选择。
有什么解决办法或方法可以避免这个错误吗？
到目前为止，user-select: none;在input元素上设置 css 等尝试都不起作用，调用e.preventDefault()事件也不起作用drag。
看GIF效果：
推荐指数
解决办法
查看次数
输入文件中的accept属性不起作用
您好我遇到了htnl中的浏览文件对话框控件标签.标签是
<input id="myfile" name="myfile" type="file" accept="application/pdf"/>
但是accept属性似乎没有任何影响.使用internetexplorer 8浏览器
它与accept属性有什么关系吗？
推荐指数
解决办法
查看次数
一键上传按钮
我想创建一个按钮,当点击它打开一个对话框窗口,他们选择要上传的图像,然后一旦他们选择它并按下对话框窗口中的确定上传开始(上传栏可选:))
最好是一个jquery插件来修改标准html文件输入的功能......因为我已经用一个编写了代码.
推荐指数
解决办法
查看次数
如何在透明div上设置html输入字段透明？
我有一个div设置透明与rgba并希望在该div上输入字段也具有透明背景.问题是输入字段背景不呈现透明.如果我opacity:0.8;在div上使用它,但是文本是透明的,那么它是有效的,所以我需要rgba.对于透明div rgba工作之外的第二个输入字段.
这是我的示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Insert title here</title>
<style type="text/css">
.term {
background-color: rgba(0,0,0,0.8);
color: #5fba3d;
width: 200px;
height: 100px;
}
input {
background-color: rgba(0,0,0,0.8);
color: #FFF;
border: none;
}
</style>
</head>
<body>
<div style="background-color:yellow; width:300px;">
<div class="term">
Input 1 <input type="text" value="Test" />
</div>
<br />
<input type="text" value="Input 2" />
</div>
</body>
</html>
有任何想法吗？
谢谢!
拿但业
推荐指数
解决办法
查看次数
Javascript:了解文件界面
我开始使用Javascript并尝试理解一些基础知识.问题不是关于文件界面,而是我想弄清楚的.
在我的HTML文件中,我有一个文件类型输入.
<input type="file" id="fileInput" multiple/>
然后在我的JS文件中我有:
var fileVar = document.getElementById('fileInput').files[0];
这工作正常,filevar是类型File.
现在我想了解files属性是如何工作的.
在W3中,API定义为:
interface FileList {
getter File? item(unsigned long index);
readonly attribute unsigned long length;
};
我试图找出如何通过使用来访问FileList中的单个文件files.它似乎没有在任何地方定义.阵列files来自哪里？
推荐指数
解决办法
查看次数
输入按键的Knockout事件绑定会导致奇怪的行为
长话短说,我想让用户在输入元素上输入enter并调用我的viewmodel中的某个方法.这是我的html输入:
<input id="searchBox" class="input-xxlarge" type="text" data-bind="value: searchText, valueUpdate: 'afterkeydown', event: { keypress: $parent.searchKeyboardCmd}">
这是我在vm中的方法:
searchKeyboardCmd = function (data, event) { if (event.keyCode == 13) searchCmd(); };
一切正常,searchCmd当我输入输入时调用,但问题是我可以在输入中输入任何内容,即我输入输入的所有内容都将被忽略.预先感谢您的帮助.
推荐指数
解决办法
查看次数
Html仅在表单中的输入占位符字段中的颜色(*)符号
我有以下代码:
<input id="firstName" name="fname" type="text" maxlength="50" placeholder="First Name *" required>
如何将占位符值中的(*)符号着色为红色而不用其他文本着色(作为名字文本)？
任何帮助深表感谢!
谢谢!人
推荐指数
解决办法
查看次数
标签 统计
html-input ×10
html ×4
javascript ×4
css ×3
css3 ×2
html5 ×2
jquery ×1
keypress ×1
knockout.js ×1
material-ui ×1
mvvm ×1
opacity ×1
placeholder ×1
reactjs ×1
rgba ×1
typescript ×1