标签: html-input
Bootstrap Paper 的单选/复选框输入材质样式在 IE/FF 中损坏
根据Google选择控件（复选框、单选按钮、开关）的材料指南，这些输入字段应如下所示：
v3.x 的 Bootstrap Paper 主题（现在在 v4 中称为 Materia）的样式旨在达到此设计目标
在 Chrome 中，输入的风格化是正确的，但所有其他浏览器只是回退到本机输入控件，这破坏了设计隐喻的一致性。
这是jsFiddle / Stack Snippets中的 MCVE ，它的工作/失败取决于浏览器：
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/paper/bootstrap.min.css" rel="stylesheet"/>
<div class="checkbox">
<label><input type="checkbox" value="check1"/> Check Opt 1 </label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="check2" checked/> Check Opt 2</label>
</div>
<div class="radio">
<label><input type="radio" value="radio1" name="grp1" />Radio Opt 1</label>
</div>
<div class="radio">
<label><input type="radio" value="radio2" name="grp1" checked/>Radio Opt 2</label>
</div>前面的代码在每个浏览器中的表现如下：
是否有可能的解决方法，或者我们是否受浏览器的摆布，以他们认为合适的方式设置输入样式？
这个问题也在github 问题 #497 的项目问题页面上提出，但因浏览器不兼容而关闭
css html-input twitter-bootstrap material-design bootstrap-themes
推荐指数
解决办法
查看次数
使用 JavaScript 访问 HTML 中的标签
我正在尝试将占位符“公司名称（可选）”更改为“孩子的名字”。
我无法直接编辑 HTML，但可以使用 JavaScript 文件。我正在尝试使用 JavaScript 文件访问以下 HTML。
<div class="col-md-12">
<input class="not-required" id="company" name="company"
type="text" value="">
<label alt="Company Name (optional)" placeholder="Company Name (optional)"></label>
</div>
下面的代码将“孩子的名字”添加到<input>，但我想将其添加到<label>。该标签没有 id 或类。有没有办法将标签占位符从“公司名称（可选）”更改为“孩子的名字”？
function myFunction() {
document.getElementById("company").placeholder = "Child's Name";
}
myFunction();
推荐指数
解决办法
查看次数
如何防止用户删除文本框中的文本
好的,所以我是新来的,想知道如果有人比我更先进,那么我可以帮助我.
我的网站上有文本框,其中包含用于复制文本框中代码的代码,并将代码粘贴到Orkut剪贴簿中,这将生成一个想象.
我正在使用onclick所以当用户点击代码时它突出显示它然后他们可以复制.
问题是,如果您不小心,可以从框内删除或删除文本.
我不希望用户能够删除文本框中的代码.如何在不删除onclick脚本的情况下防止这种情况发生.
如果您可以在回复时包含上面的示例代码并突出显示新添加的代码,那么我可以查看在哪里进行更改.
我希望我能很好地解释这一点,让任何人都明白!
推荐指数
解决办法
查看次数
在html5中使用新输入类型的正确方法是什么,维持后备不支持？
标题很明确,基本上我想在这种情况下使用新的输入类型"搜索",而如果浏览器不支持搜索则回退到type ="text".
我猜它可能是这样的:
<input type="text" type="search" name="s" placeholder="Search posts">
但我不确定.
这通常是怎么做的？
推荐指数
解决办法
查看次数
html输入范围步骤作为值数组
我input type=range第一次玩这个游戏,理想情况下我想将步长值设置为值数组.我查看了规范,我看到了数据列表的可能性,但它接缝数据列表仅用于范围内的高亮值,可以这么说,但不设置范围内的值.
所以,这样的事情(理想情况下没有jQuery插件等):
<input type="range" min="1" max="100" value="0" step="1,3,5,10,20">
推荐指数
解决办法
查看次数
如果输入设置为0,如何从DOM中删除？
我是jQuery的新手.如果输入的值设置为0,我试图从DOM中删除div.所有div都有一个名为"item"的类,就好像它们是购物车中的项目一样.
有没有删除按钮设置为0时删除每个div的方法？
<div class="item">
<label for="inputQuantity">Quantity</label>
<input type="text" id="inputQuantity" placeholder="1">
</div>
<div class="item">
<label for="inputQuantity">Quantity</label>
<input type="text" id="inputQuantity" placeholder="1">
</div>
推荐指数
解决办法
查看次数
使用Jquery隐藏按钮文本而不更改文本
我正在使用Jquery创建一个记忆游戏,在加载页面时,可以看到16个按钮的方形网格,随机分配给它们的值为1到8,但这些值对用户不可见.单击块可在块上显示字母或数字.只有两个块可以在给定时间显示字母或数字.我看过许多帖子通过将按钮的文本(值)属性更改为""(空白)来隐藏或更改按钮的文本,但这对我不起作用,因为我需要跟踪其值按钮并将值更改为""对我没有好处.
这是我的HTML:
<!Doctype html>
<html>
<head>
<title>Memory Game</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="./hwk9.js"></script>
<link rel="stylesheet" type="text/css" href="./hwk9.css">
</head>
<body>
<h1>Memory Game</h1>
<form id="memory_game" method="post" action="">
<table>
<!--ROW 0-->
<tr>
<td><input id="b00" name="tile" type="button" value="1" onClick="return swap_tile(this.id)"/></td>
<td><input id="b01" name="tile" type="button" value="2" onClick="return swap_tile(this.id)"/></td>
<td><input id="b02" name="tile" type="button" value="3" onClick="return swap_tile(this.id)"/></td>
<td><input id="b03" name="tile" type="button" value="4" onClick="return swap_tile(this.id)"/></td>
</tr>
<!--ROW 1-->
<tr>
<td><input id="b10" name="tile" type="button" value="5" onClick="return swap_tile(this.id)"/></td>
<td><input id="b11" name="tile" type="button" value="6" onClick="return swap_tile(this.id)"/></td>
<td><input id="b12" name="tile" type="button" …推荐指数
解决办法
查看次数
有没有办法在双击时触发日期输入的日历？
我试图触发<input type="date">日历在双击事件上显示，就像用户单击右侧的箭头一样，但没有成功，因为我无法识别浏览器如何实现它。（Chrome 56.0.2924.87）。
任何人都知道是否可能，如果可以的话我该怎么做？
<input type="date">推荐指数
解决办法
查看次数
如何在上传之前获取 html 文件输入的视频分辨率？
当我在 HTML 文件输入上选择视频文件时，我想获取视频分辨率（宽度和高度）和所有元数据（大小、长度、文件类型等（如果可能））。我需要一个 js 或 jquery 解决方案。我找不到与该主题相关的任何内容。帮我解决这个问题。提前致谢。
推荐指数
解决办法
查看次数
在php中处理数组
我把这个2数组放在一个表格中来处理.但是,我只设法从阵列中的一个获得输出.样品如下:
<inputs id="location" type="text" name="data[]" value=""/>
<input id="shipval" type="text" name="data[][id]" value=""/>
在PHP部分如下:
foreach ($_POST ["data"] as $id => $subs) {
foreach ($subs as $key=>$sub) {
$subcategory = $sub;
if($subs['id']=="$subcategory"){
echo $sql = " insert into x(kodLebuhraya,kodSeksyen) values ('".$subs['id']."','".$sub."')";echo "<br>";
}else{
//echo "hi2";
echo $sql = " insert into x(kodLebuhraya,kodSeksyen) values ('".$subs['id']."','".$sub."')";echo "<br>";
}
}
}
这意味着一个船只的一个位置.我有多个输入字段用于location和shipval.你们能让我知道哪一个是错的.提前致谢.
推荐指数
解决办法
查看次数
使用 jQuery 将两个输入的值合并到第三个输入中
我刚刚学习 jQuery，我试图从框一和框二中获取两个值，并将它们添加到另一个输入中，并用 分隔||。
例如，如果我在第一个文本框中添加“hello”，在第二个文本框中添加“you”，我想hello||you在第三个文本框中显示。
这是我到目前为止所拥有的：https ://fiddle.jshell.net/a2n234eq/
推荐指数
解决办法
查看次数
仅禁用.(DOT)输入字段中的特殊字符
我不希望允许用户进入.(点)在我的输入字段中..已完成所需的其余验证.
function isNumberKey(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode;
if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}<input type="text" class="form-control" name="ContactNumber" maxlength="10" value="" id="ContactNumber" title="Enter Number Here" onkeypress="return isNumberKey(event)" required>推荐指数
解决办法
查看次数
标签 统计
html-input ×12
html ×8
javascript ×5
jquery ×5
forms ×2
arrays ×1
css ×1
eventtrigger ×1
html5 ×1
onclick ×1
php ×1
text ×1
textbox ×1