标签: html-input
相对于输入字段的小帮助文本
我需要将一个小的帮助文本直接放在文本输入字段下，如果该字段缩进（例如，如我的示例中那样通过单选按钮），则帮助文本也应该缩进。
我正在尝试的一个例子在这里：
#enteramt {
width: 150px;
display: inline;
}
#passwordHelpBlock {
font-size: x-small;
display: block;
}<p class="lead">
<input id="val_200" name="amount_sel" type="radio" value="200">
<label for="val_200"> EUR 200,00</label>
<br/>
<input id="val_other" name="amount_sel" type="radio" value="other">
<label for="val_other"> EUR
<input class="inputdefault" id="enteramt" name="amount" type="text" value="" placeholder="z.B. 2,00">
</label>
<small id="passwordHelpBlock" class="form-text text-muted">Min. EUR 2,00</small>
</p>另请参阅小提琴：https://jsfiddle.net/mheumann/wkLdjdcL/
我希望它看起来像这样：
我知道我可以使用 margin-left 将其移动，但在没有单选按钮的情况下也可能会出现相同的框，因此边距会有所不同。
有没有什么方法可以将“小”标签绑定到“输入”标签，以便它始终显示在正下方对齐？
编辑：删除了对 Bootstrap 的引用，因为代码片段不包含任何内容。
推荐指数
解决办法
查看次数
带有 UTF8 补充字符的 HTML 输入的最大长度
我想让我的用户能够在输入字段中输入表情符号字符。我认为在 2019 年，这应该像将网站的元字符集设置为 UTF-8 一样简单。但是，在 Chrome 或 Firefox 中测试时，下面的示例对补充 UTF-8 字符（长度为 4 个字节）的计数有所不同。
\n在第一个输入中，我只能在便便之后再输入 2 个字符。在第二个输入中，我仍然可以再输入 3 个字符，之后\xe2\x80\xb0是 3 个字节长。
是什么导致了这种不一致的行为？是否还有其他 4 字节字符的 HTML 元设置？它在 Edge 17 中运行良好。即使是垃圾 IE 11 也能正确计算长度。
\n\n<input type="text" value="" maxlength="4" />\r\n<input type="text" value="\xe2\x80\xb0" maxlength="4" />我的测试用例：\n http://jsfiddle.net/L726ryea/7/
\n推荐指数
解决办法
查看次数
如何使用html文件选择器将照片上传到facebook(graph api)(输入类型="文件")
我有一个html文件,从用户的computer.code中选择图像
<html>
<body>
<form enctype="multipart/form-data" action="http://localhost/uploader/upload.php" method="POST">
Please choose a photo:
<input name="source" type="file"><br/><br/>
Say something about this photo:
<input name="message" type="text" value=""><br/><br/>
<input type="submit" value="Upload"/><br/>
</form>
</body>
</html>
当我按上传按钮时,我需要将所选图像的真实路径传递给upload.php的upload.php文件.
<?php
include_once 'fbmain.php';
//some codes
try{
$uid = $facebook->getUser();
$me = $facebook->api('/me');
$token = $session['access_token'];//here I get the token from the $session array
$album_id = '2179901265385';//MY ALBUM ID
//upload my photo
$FILE_PATH= 'HERE_I_NEED_THE_REAL_PATH_OF_THE_IMAGE';
$facebook->setFileUploadSupport(true);
$args = array('message' => 'Photo Caption');
$args['image'] = '@' . realpath($FILE_PATH);
$data = $facebook->api('/'. $album_id . …推荐指数
解决办法
查看次数
警报后重置输入值 - Javascript
我有一个简单的输入框,如果数字大于2,将出现一个弹出消息.
这是我正在使用的代码,但是我已经onkeyup在输入上有一个命令,所以我希望这不会是一个问题
HTML:
<input id="jj_input23" type="text" value='' onkeyup='changeTransform()' />
使用Javascript:
if(jj_input23 > 2) {
alert("Making the scale higher than 2 will make the preview too big");
document.getElementById('jj_input23').value("");
}
显示aler消息后,用户单击"确定",我希望输入文本重置.我怎样才能做到这一点？
提前致谢
推荐指数
解决办法
查看次数
如何比较jQuery val()和JavaScript值
当我进行以下比较时,我得到假,尽管val()和值在视觉上显示相同的值:12
if ($(this).val() == txt.value)//returns false
当我同时提醒$(this).val()和txt.value时,我得到12.其中一个是字符串,另一个是int吗？如果是这样,哪一个是什么？
推荐指数
解决办法
查看次数
输入是否具有"原始值"属性？
随着jQuery的最新变化,有不同的方法,.prop() .attr().
我想知道的是,如果有一种方法可以在页面加载时获取输入的原始值？
我知道我能做到:
$('#input').data('originalValue', $('#input').val());
然后我可以通过它来引用它
$('#input').data('originalValue');
但我想,既然我可以说,找出一个复选框的原始检查状态,我想也许有类似的价值？
推荐指数
解决办法
查看次数
跨浏览器可编辑范围
这是一个可编辑span元素的简单示例.
可以通过单击lt - input来编辑Span元素.
<span>Hello</span>
<input type="text" style="display:none;" value=""/>
<style>
span, input {
font-family: arial, sans-serif;
font-size: 14px;
}
span {
cursor: pointer;
}
</style>
<script>
$(function() {
$("span").click(function() {
$(this).hide();
$("input").val($(this).text()).show();
});
$("input").keypress(function(e) {
if (e.which == 13) {
$(this).hide();
$("span").text($(this).val()).show();
}
});
});
</script>
我希望输入中的文本与span中的文本处于准确位置.
所以我添加了边距:
对于Chrome:
input {
margin-left: -2px;
margin-top: -2px;
}
对于IE 10和Opera:
input {
margin-left: -3px;
margin-top: -2px;
}
对于Firefox:
input {
margin-left: -4px;
margin-top: -2px;
}
我可以在没有任何特殊技巧的情况下制作适用于任何浏览器的通用CSS吗？
推荐指数
解决办法
查看次数
输入类型=数字:当一个点后有3位数时,Firefox会将浮点数转换为整数
在Firefox 34上,我得到一个奇怪的行为<input type="number">.
当输入类似11.001(注意点)的东西时,它会被转换为110001.
只有在点后有3位数时才会发生这种情况.
有没有办法防止这种行为？
顺便说一句:我注意到法语Windows 7上的行为.
推荐指数
解决办法
查看次数
如何使用aria-labelledby的类选择器？
我正在尝试创建一个可访问的输入字段,如下所示:
<input type="text" role="textbox" aria-labelledby="helper-msg-value">
<p id="helper-msg-value">You must enter a value</p>
有没有办法使用类作为aria-labelledby属性的选择器而不是ID？所以像这样:
<input type="text" role="textbox" aria-labelledby=".helper-msg-value">
<p class="helper-msg-value">You must enter a value</p>
推荐指数
解决办法
查看次数
Input 为什么不尊重 flex？
我注意到 'input' 元素不会拉伸或收缩以填充 flex 容器。有谁知道为什么以及是否有解决方案？
下面的示例显示了在 Div 元素（正确拉伸）上使用的容器类c。和单个类e，用于右对齐的固定长度端。div 行按预期拉伸和收缩，输入行没有。
div.c {
display: flex;
flex-direction: row;
align-content: stretch;
}
div.d {
flex: 1;
}
div.e {
display: inline-block;
flex: 0 0 30px;
background-color: red;
}<div class='c'>
<div class='d'>A</div>
<div class='d'>B</div>
<div class='d'>C</div>
<div class='d'>D</div>
<div class='e'>E</div>
</div>
<div class='c'>
<input class='d'></input>
<input class='d'></input>
<input class='d'></input>
<input class='d'></input>
<div class='e'></div>
</div>请注意，我知道此链接：
但是使用 min-width: 0; box-sizing: 边框框；对我没有影响。
推荐指数
解决办法
查看次数
标签 统计
html-input ×10
html ×6
css ×3
javascript ×3
html5 ×2
jquery ×2
attributes ×1
facebook ×1
firefox ×1
flexbox ×1
html-select ×1
margin ×1
maxlength ×1
php ×1
reset ×1
utf-8 ×1
wai-aria ×1