草庐IT

input-button

全部标签

JavaScript - 在 <input> 更改时运行函数 - 无 JQUERY

我想在HTML时运行一个函数标记更改。我该怎么做呢?对此有一些答案,但它们都在jQuery中,我想要纯javascript。有人可以给我一个简单的例子吗?谢谢!我希望输入是文本类型: 最佳答案 您可以使用input事件。这不仅会触发上键和粘贴,还会触发其他文本修改事件,例如拖放。change.addEventListener("input",function(e){alert(this.value);}); 关于JavaScript-在<input>更改时运行函数-无JQUE

JavaScript - 在 &lt;input&gt; 更改时运行函数 - 无 JQUERY

我想在HTML时运行一个函数标记更改。我该怎么做呢?对此有一些答案,但它们都在jQuery中,我想要纯javascript。有人可以给我一个简单的例子吗?谢谢!我希望输入是文本类型: 最佳答案 您可以使用input事件。这不仅会触发上键和粘贴,还会触发其他文本修改事件,例如拖放。change.addEventListener("input",function(e){alert(this.value);}); 关于JavaScript-在<input>更改时运行函数-无JQUE

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示

javascript - HTML/JS : Confused about method to create an image button

我需要创建一个仅由图像组成的简单按钮,当用户单击它时将打开一个JQuery对话框。我正在阅读并注意到许多解决方案:,用,使用CSS修改按钮背景等...这很令人困惑,实现我的图像按钮的正确方法是什么?谢谢。附注:按钮/图像应该是可聚焦的。欢迎使用JSFiddle示例。 最佳答案 正确的方法在很大程度上取决于在JavaScript不可用时按钮将执行的操作。如果您要提交表单,那么:如果您要转到某个URL,则:如果你什么都不做(通常不是一个好主意,你应该遵循ProgressiveEnhancement和UnobtrusiveJavaScri

javascript - HTML/JS : Confused about method to create an image button

我需要创建一个仅由图像组成的简单按钮,当用户单击它时将打开一个JQuery对话框。我正在阅读并注意到许多解决方案:,用,使用CSS修改按钮背景等...这很令人困惑,实现我的图像按钮的正确方法是什么?谢谢。附注:按钮/图像应该是可聚焦的。欢迎使用JSFiddle示例。 最佳答案 正确的方法在很大程度上取决于在JavaScript不可用时按钮将执行的操作。如果您要提交表单,那么:如果您要转到某个URL,则:如果你什么都不做(通常不是一个好主意,你应该遵循ProgressiveEnhancement和UnobtrusiveJavaScri

javascript - URL 的 &lt;input&gt; 标签验证

我正在尝试使用JavaScript验证URL,但由于某种原因它无法正常工作。当有人没有输入任何URL时,它会显示如下消息:PleaseentervalidURL.(i.e.http://)我正在尝试修复它,但无法使其正常工作。HTML5中是否有任何允许验证URL的技巧?$(document).ready(function(){$("#contactInfos").validate({onfocusout:false,rules:{phone:{number:true},zipcode:{number:true},website:{url:true}},messages:{phone:{

javascript - URL 的 &lt;input&gt; 标签验证

我正在尝试使用JavaScript验证URL,但由于某种原因它无法正常工作。当有人没有输入任何URL时,它会显示如下消息:PleaseentervalidURL.(i.e.http://)我正在尝试修复它,但无法使其正常工作。HTML5中是否有任何允许验证URL的技巧?$(document).ready(function(){$("#contactInfos").validate({onfocusout:false,rules:{phone:{number:true},zipcode:{number:true},website:{url:true}},messages:{phone:{

android - 如何使用 &lt;input type ="text"> 在 android/chrome 上打开数字键盘?

输入要求是输入美国的邮政编码,因此它将是5个整数,但它只是应用程序的一堆字符串。标记是HTML5。我不能使用inputtype="number",因为01234会被转换为1234,邮政编码真可惜!我目前正在使用inputtype="tel"来打开数字键盘,但我认为邮政编码实际上是一个文本,因此我应该使用inputtype="text"和一些其他过滤器强制打开数字键盘,这就是我所做的,我尝试使用pattern="[0-9]*"但这似乎仅适用于safari浏览器(苹果设备)并打开数字键盘,但在android设备(chrome浏览器)上打开文本键盘而不是数字键盘。因此inputtype="t

android - 如何使用 &lt;input type ="text"> 在 android/chrome 上打开数字键盘?

输入要求是输入美国的邮政编码,因此它将是5个整数,但它只是应用程序的一堆字符串。标记是HTML5。我不能使用inputtype="number",因为01234会被转换为1234,邮政编码真可惜!我目前正在使用inputtype="tel"来打开数字键盘,但我认为邮政编码实际上是一个文本,因此我应该使用inputtype="text"和一些其他过滤器强制打开数字键盘,这就是我所做的,我尝试使用pattern="[0-9]*"但这似乎仅适用于safari浏览器(苹果设备)并打开数字键盘,但在android设备(chrome浏览器)上打开文本键盘而不是数字键盘。因此inputtype="t