标签: html-input

如何对齐输入内的文本?

对于所有默认输入,您填写的文本从左侧开始.你如何让它从右边开始?

html css forms html-input

180
推荐指数
5
解决办法
32万
查看次数

如何设置输入的默认值[type ="date"]

我试过(JSFiddle):

<input type="date" value="2012-3-23">
Run Code Online (Sandbox Code Playgroud)

但它不起作用,我该如何设置默认值?

html date html-input

170
推荐指数
5
解决办法
40万
查看次数

电话:用于文本输入的数字键盘

有没有办法强制数字键盘出现在手机上<input type="text">?我刚刚意识到<input type="number">在HTML5中是针对"浮点数",因此它不适用于信用卡号,邮政编码等.

我想模拟数字键盘功能<input type="number">,对于采用浮点数以外的数值的输入.也许还有另一种合适的input类型吗?

keyboard android numbers html-input ios

164
推荐指数
8
解决办法
21万
查看次数

如何阻止Chrome使我网站的输入框变黄?

在表单提交,验证后的其他文本和视觉辅助工具中,我将输入框着色为红色以表示需要注意的交互区域.

在Chrome(以及Google工具栏用户)上,自动填充功能会将输入表单重新着色为黄色.这是一个复杂的问题:我想在我的表单上允许自动完成,因为它可以加速用户登录.我将检查是否/当触发错误时将自动完成属性关闭,但它是一个复杂的一点编码以编程方式关闭页面上单个受影响输入的自动完成.简而言之,这将是一个令人头疼的问题.

因此,为了避免这个问题,有没有更简单的方法阻止Chrome重新着色输入框?

[编辑]我尝试了下面的!重要建议,它没有任何效果.我还没有检查Google工具栏,看看!important属性是否适合.

据我所知,除了使用自动完成属性(看起来确实有效)之外,没有任何其他方法.

css validation google-chrome html-input

151
推荐指数
5
解决办法
9万
查看次数

如何发布/提交已禁用的输入复选框?

我有一个复选框,在某些条件下,需要禁用.原来HTTP不会发布禁用的输入.

我怎么能绕过那个?提交输入,即使它被禁用并保持输入被禁用?

html forms html-input

125
推荐指数
7
解决办法
10万
查看次数

如何使用html5输入类型编号处理浮点数和小数分隔符

我正在构建主要用于移动浏览器的Web应用程序.我使用数字类型的输入字段,因此(大多数)移动浏览器仅调用数字键盘以获得更好的用户体验.这个Web应用程序主要用于小数分隔符是逗号而不是点的区域,所以我需要处理两个小数分隔符.

如何用点和逗号来掩盖这整个烂摊子?

我的发现:

桌面Chrome

  • 输入类型=数字
  • 用户输入"4,55"到输入字段
  • $("#my_input").val(); 返回"455"
  • 我无法从输入中获得正确的值

桌面Firefox

  • 输入类型=数字
  • 用户输入"4,55"到输入字段
  • $("#my_input").val(); 返回"4,55"
  • 多数民众赞成,我可以用点替换逗号并得到正确的浮点数

Android浏览器

  • 输入类型=数字
  • 用户输入"4,55"到输入字段
  • 当输入失去焦点时,值被截断为"4"
  • 让用户感到困惑

Windows Phone 8

  • 输入类型=数字
  • 用户输入"4,55"到输入字段
  • $("#my_input").val(); 返回"4,55"
  • 多数民众赞成,我可以用点替换逗号并得到正确的浮点数

当用户可能使用逗号或点作为小数分隔符并且我想将html输入类型保持为数字时,这种情况下的"最佳实践"是什么,以提供更好的用户体验?

我可以将逗号转换为"动态"点,绑定键事件,它是否与数字输入一起使用?

编辑

Currenlty我没有任何解决方案,如何从输入中获取浮点值(作为字符串或数字),类型设置为数字.如果最终用户输入"4,55",则Chrome返回"455",Firefox返回"4,55",这很好.

同样令人讨厌的是,在Android(经过测试的4.2模拟器)中,当我输入"4,55"输入字段并将焦点更改为其他位置时,输入的数字将被截断为"4".

javascript floating-point mobile jquery html-input

122
推荐指数
5
解决办法
19万
查看次数

从JQuery中的文件输入中获取数据

我实际上有一个文件输入,我想检索该文件的Base64数据.

我试过了:

$('input#myInput')[0].files[0] 
Run Code Online (Sandbox Code Playgroud)

检索数据.但它只提供名称,长度,内容类型,但不提供数据本身.

我实际上需要这些数据将它们发送到Amazon S3

我已经测试了API,当我通过带有编码类型"multipart/form-data"的html表单发送数据时,它可以工作.

我使用这个插件:http://jasny.github.com/bootstrap/javascript.html#fileupload

这个插件让我预览了图片,并在图像预览的src属性中检索数据.但是,当我将这些数据发送到S3时,它不起作用.我可能需要像"multipart/form-data"那样对数据进行编码,但我不知道为什么.

有没有办法在不使用html表单的情况下检索这些数据?

jquery base64 file-upload file html-input

120
推荐指数
7
解决办法
34万
查看次数

在Angular中的INPUT元素中使用ngModel中的管道

我有一个HTML INPUT字段.

<input 
    [(ngModel)]="item.value" 
    name="inputField" 
    type="text" 
/>
Run Code Online (Sandbox Code Playgroud)

我想格式化它的值并使用现有的管道:

.... 
[(ngModel)]="item.value | useMyPipeToFormatThatValue" 
....
Run Code Online (Sandbox Code Playgroud)

并收到错误消息:

动作表达式中不能有管道

在这种情况下如何使用管道?

pipe html-input angular2-ngmodel angular

113
推荐指数
4
解决办法
12万
查看次数

为什么HTML5输入类型的日期时间已从已支持它的浏览器中删除?

我想知道为什么所有浏览器,例如高于26的Chrome版本,过去曾为输入提供支持datetime删除它?

这听起来像是这篇文章的重复,但是那篇文章很老了.

它看起来像HTML WG更喜欢datetime-local(w3c)上面datetime(w3c),但为什么呢?

请参阅功能开发时间表.

别人怎么说:

mobilexweb.com称,它在iOS中已被弃用,因为它看起来太像日期时间输入类型了.

在谷歌浏览器之后,现在iOS上的Safari不再支持日期时间输入类型,它将回退到文本.此类型在标准中已弃用,有利于datetime-local或使用两个输入,日期和时间用于相同目的.问题是datetime与iOS 5.0到6.1兼容; 如果你正在使用它,小心!

有什么不同?

其中datetime-local只包含日期和时间元素,datetime还包含时区.这很有用,因为当客户端的时区与服务器的时区不同时,您可能希望采取不同的行为.

为什么这很重要?

如果网页询问:您何时希望我给您打电话,并且用户选择"明天,下午3点",您何时需要给他回电话怎么办?明天下午3点UTC或CET?

html html5 datetime html-input browser-support

109
推荐指数
2
解决办法
7万
查看次数

如何在提交按钮onclick事件中取消表单提交?

我正在开发一个ASP.net Web应用程序.

我有一个带有提交按钮的表单.提交按钮的代码如下所示<input type='submit' value='submit request' onclick='btnClick();'>.

我想写下面的内容:

function btnClick() {
    if (!validData())
        cancelFormSubmission();
}
Run Code Online (Sandbox Code Playgroud)

我该怎么做呢?

html javascript forms html-input

99
推荐指数
6
解决办法
26万
查看次数