标签: html-input

我想在移动应用程序上使用HTML输入类型="数字",以便向智能手机(Android,iPhone和其他一些人)表明,数字键盘对于用户来说比普通键盘更有趣.这很好用.

所以,我在这里有这个HTML:

<h3>type="number"</h3>
<input type="number" class="input-number"/>
<h3>type="text"</h3>
<input type="text" class="input-text"/>

这里应用的重要CSS元素是:

input {
  height: 2em;
  padding: 0.2em 0.5em;
  width: 100%;

  /* avoid iPhone rounded corners */
  border: 1px solid #afb7c1;
  border-collapse: collapse;
  border-radius: 0 0 0 0;
}

.input-number {
  text-align: right;
}

哪个应该像这样渲染:

以上是从iOS 4.1中截取的截图,世界仍然可以.同样在Android手机上,一切正常.但是看看iOS 4.2,4.3会发生什么:

突然之间,数字字段的宽度有点不足,几乎就像iPhone想要为输入的type ="number"时出现在某些浏览器上的无用旋转器腾出空间一样.

有人知道这样的问题吗？你怎么修好它的？或者解决它？有没有其他方法可以让手机更喜欢数字键盘？或者是否有一些专有的CSS样式我可以申请撤消这个额外的右边距？

我有一个从表单中的循环创建的复选框(我不知道它们的数量).

<form>
<input type="checkbox" name="id" value="id">
<input type="checkbox" name="id" value="id">
...//create in a loop
<input type="checkbox" name="id" value="id">
</form>

我的问题是我如何阅读它们,如果我使用<?php $_REQUEST['id']; ?>它,它只读取最后一个复选框.

我想在我的Web应用程序中使用输入类型标签

<input type="email">  
<input type="number" required="required">

我只是好奇使用它们有多安全,是否有任何选项,因此用户将从浏览器中禁用它们.

我有一个file <input> field和一个<span>装饰输入字段:

<span class="span5 btn btn-primary btn-file" id="chose_files_btn" onclick="filechose_button.click()">chose files
    <input id="filechose_button" type="file" name="fileData" size="1" style="display: none"/>
</span>

虽然我认为这在Chrome和Safari中的行为,FireFox会在点击时打开两个 .file input dialogsbutton(span)

为什么会这样呢？

我假设,该文件输入字段是不可见的,只有通过具有按钮行为的跨度才能访问它.

更新:

如果我把它的<input>外部<span>表现正常.

 <span class="span5 btn btn-primary btn-file" id="chose_files_btn" onclick="filechose_button.click()">chose files</span>
 <input id="filechose_button" type="file" name="fileData" size="1" style="display: none"/>

的jsfiddle

但为什么inside position不呢？

我正在使用bootstrap 3.0.0创建一个MVC 5站点.我很难将模型绑定到输入字段.我根本不知道这样做的语法.

以下代码在功能上有效,但我失去了bootstrap的样式.

<div class="control-group">
    @Html.LabelFor(model => model.Name, new { @class = "control-label" })
    <div class="controls">
        @Html.EditorFor(model => model.Name)
        @Html.ValidationMessageFor(model => model.Name)
    </div>
</div>

另一方面,这段代码看起来很棒,但我无法使绑定工作.@using(Html.BeginForm()){

    <div class="input-group">
        <span class="input-group-addon">@Html.LabelFor(model => model.Name)</span>
        <input type="text" class="form-control" placeholder="Enter your name here..."/>
        <span class="input-group-addon">@Html.ValidationMessageFor(model => model.Name)</span>
    </div>

    <div class="form-actions no-color">
        <input type="submit" value="Create" class="btn btn-default" />
    </div>

    </fieldset>
}

所以我需要一些帮助才能使顶部块或底部块工作.正确的语法使其在功能上工作,或者在引导程序中附加到正确的CSS以使其看起来具有吸引力的光滑方法.

欢迎任何建议.

CakePHP创建一个div,它自动包装使用formhelper构建的任何输入标记,如下所示:

$this->formhelper->input('something');

这样输出看起来如下:

<div class='input'>
    <input />
</div>

我知道有一种方法可以将类添加到输入标记,即

$this->formhelper->input('text', array('class' => 'some_css'));

但是如何为CakePHP自动创建的div添加样式.这可能是核心需要被黑客入侵的东西,但我想知道是否有更好的方法来做到这一点,所以我得到了如下内容:

<div class='input other_class_I_want_here'>
    <input />
</div>

感谢任何能提供帮助的人.

我开始认为 iOS 将语音识别中的文本插入 html 输入时不会触发事件。我尝试过聆听：更改、按键、按键、模糊、焦点、粘贴。

有人知道其中的秘密吗？

Angular.js ngModel可以声明解析器和格式化程序的链。在“如何在angular.js中进行双向过滤？”的绝佳答案中可以找到更多详细信息。

现在，只有ngModel更新时，格​​式化程序链才会运行。因此，如果您有第二个影响viewValue的输入参数（在一个格式化程序中使用），则不会触发View的更新。就我所发现的类似，ngModel仅使用一个简单的$ watch-因此，如果您的模型是集合/对象，则在子元素发生更改时也不会触发。

为ngModel实现深入监视的最佳方法是什么-
还是应重新运行格式化程序链的附加参数的监视方法是什么？

还有其他类似的问题：
Angularjs：更改某些设置后如何“重新运行” $ formatters？

对于以下类型，jquery 中是否有一种方法可以计算表单中的所有空输入和文本区域

复选框、日期、日期时间、电子邮件、月份、数字、收音机、电话、文本

因为每个表单都有一个 js 变量 maxInput。如果 maxInput 是 6（表单有 6 个输入），那么如果您计算输入并且它是 6，我知道所有输入都已填满。有谁知道如何完成这个。

w3.org 官方文档中没有标签capture="camera"属性。input type="file"

讽刺的是在我发现的很多地方capture="camera"都使用了。例如这里或这里或这里以及许多其他地方。

没有一个单独的教程capture="user"。这是为什么？

有没有之间的主要差异capture="user"和capture="camera"？

可以请你还别说对设备的兼容性capture="user"和capture="camera"？我在任何地方都找不到。