问题标签 [input-field]

我实际上能够在这里找到另一个用户的帖子，这引导我朝着正确的方向前进。我没有给它加书签，但我一有时间就会加书签。同时，这是我的问题的解决方案：

这是问题所在：

我有一个“gallery/”文件夹，其中包含多个深入几级的子文件夹。我已经成功地清点了所有子文件夹中包含的所有 jpg，在一个带有图片直接链接的漂亮列表中。那是容易的部分。

我想做的是有一个输入框，我可以在其中输入一个术语，然后单击提交，只有文件名中包含该术语的文件才会显示在列表中。

我已经创建了输入按钮，当您单击它时，它会显示整个列表（这意味着它只是按照应该运行的方式运行代码）。对于我的一生，我无法理解如何让它以一种仅显示与我在 $search 字段中键入的内容匹配的文件的方式工作。

我想要做的甚至可能吗？

这是代码：

name="stylesearch" id="stylesearch">风格搜索
'.str_replace(array(' - ','.jpg'), array(' '), $file).'' . "
"; } 其他{ $dirs[]=$dest; } } } } 返回 $files; } printAll(getcwd()); } ?>

我想采用标准输入字段并使其看起来更好。因此，我将此图像用作页面上的输入字段：

要在我的页面上使用它，我使用以下代码：

HTML：

CSS

当输入字段在白色背景上时，这不是问题。但是我在浅绿色背景上有输入字段，它使输入字段看起来像这样：

我的问题是：如何删除原始输入字段的角以使其看起来很棒？

我对所有这些都是新手，并且仍然主要在这个网站上学习，它对我非常有用，并决定从你们那里获得一些帮助。

我设置了文件输入按钮的样式，并在文本字段中打印了文件名。现在我很想在同一页面上的多个文件输入（连同包含文件名的文本字段）上使用这些类。（我需要更多的文件输入，而不是一次更多的文件）

我知道我可以使用 ID 并为我需要的每个文件字段复制 JS，但我想在一个函数中执行此操作或使其更“动态”以供大量使用。

所以，我正在寻求一点帮助:)

HTML：

JS：

您可以在这里查看整个内容：http: //jsfiddle.net/k5cLt/5/

提前谢谢

Good afternoon! I am building a contact form in Contact Form 7 in Wordpress. And I need a functionality where one of the form fields is a number selector (for example, 1-10) and I need the number that is selected to be calculated and drop down the number of fields to be inputted.

I'll try to explain the best I can. So if someone types in the 4...I need a drop down of four input fields.

I have looked for some jquery script for this functionality, but I'm basically at a deadend. If anyone has any suggestions, I would much appreciate it!

另一个菜鸟问题，根源在于对 JS 的理解非常肤浅。

我正在构建一个小型在线多步骤表单（通过隐藏 div 在单个 html 中制作），其中每个按钮按下都会增加一个具有固定数字的 var：

JS：

我希望显示分数：

使用<input type="text" name="result" id="result" value="" size="" readonly>我得到正确的值（30）。

但是，当我使用时，<script>document.write(result)</script>我什么也得不到，而使用时，<script>document.write(score)</script>我得到了原始的 var (20)。

当我希望 var 在 jquery 进度条中输出时，同样的问题。

如何确保它是更新的 var，显示在 document.write 中？

编辑：完成 JS

我有一些带有特定类的输入字段。它们都有一个数据属性，比如data-somedata一个整数值。我必须计算这些数据属性的总和。我尝试与getAttribute结合使用getElementsByClassName，但这不起作用。

我正在使用这段代码：

在 jsFiddle 上实时查看

在（firefox）控制台中，我得到：

类型错误：fields[i].getAttribute不是函数

为什么是这样？我该如何解决？

除非绝对必要，否则我不想使用 jQuery（我不认为它是）。

如果我使用这个：<input class="search" type="text" id="input" onfocus="this.value=''" />并且我写了例如：arduino它使用文本搜索所有内容arduino，然后我单击网页上的其他位置，然后再次单击输入字段，文本会按原样清除，但我有一次backspace在我的键盘上，清除结果arduino并显示所有内容。

为什么以及如何解决这个问题？谢谢

jsfiddle代码在这里

这一定是一个常见问题，但我真的找不到任何解决方案。有一个文本字段（文本将从右到左书写），它有一个弯曲的背景图像。问题是光标必须只停留在红框区域。

以下是我想出的四个解决方案。

1 -使用背景图像创建一个 div 并在其中放置一个文本字段。

除非文本字段是透明的，否则它将覆盖背景图像。使用 CSS 将其设置为透明？我担心一些浏览器不支持它:(

2 -将背景图像切成 3 部分（左 - 中 - 右）并将它们连接在一起。文本字段位于中间 div 中。

没关系...但是代码看起来会很乱 :S ... :before :after 选择器可能会派上用场吗？


3 -背景图像保持不变，但文本字段大小减小并位于中心。

这将是最好的解决方案，但不知道该怎么做。

4 -嘿，为什么不只使用 CSS3 ？

背景图像有一个公司标志，这不能用 CSS 来完成...... :(

会有更好的解决方案支持所有浏览器吗？:(

代码 - -

CSS ---

为什么输入字段/文本字段的 100% 宽度与包含的 div 重叠？

http://jsfiddle.net/lassebjensen/Uujck/3/

CSS：

html:

下面的这段代码解决了这个问题，但是是什么导致了重叠？为什么不能将文本字段的宽度设置为 100%？

亲切的问候

我在网上做了一些搜索，还没有找到任何具体的答案。是否可以有一个文本字段，其中包含不可编辑的默认文本？

例如，假设我需要用户输入电话号码。他们看到的是：

他们可以编辑任何他们想要的星星。但是，即使该字段完全为空，也不应该删除破折号。我已经看到了输入区域的readonlyanddisabled标记，但是这些标记使整个字段被禁用。

我希望用户能够输入信息，而无需更改我在输入字段中设置的默认字符。

如果您需要进行试验，这里有一些虚拟代码：