zoukankan      html  css  js  c++  java
  • 在IOS输入框中 键盘上显示“搜索”

     

    移动端web页面上使用软键盘时如何让其显示“前往”(GO)而不是换行?

    用一个 form 表单包裹住就会显示前往,单独的一个 input 就会提示换行。下面是测试地址:

    <html><head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title> - jsFiddle demo</title>



    <script type="text/javascript" src="/js/lib/dummy.js"></script>



    <link rel="stylesheet" type="text/css" href="/css/result-light.css">

    <style type="text/css">

    </style>


    <script type="text/javascript">//<![CDATA[
    window.onload=function(){

    }//]]>

    </script>

    </head>
    <body>
    <form action="">
    <label for="name">
    名字:
    </label>


    <input type="text" name="name">
    </form>


    </body></html>

    如何让form表单在enter键入时不提交

    标签: buttonfunactiondivimageinput
     分类:
     

    目录(?)[+]

     

    今天在做我的一个小玩意 在线聊天工具的时候

    form表单只有一个text和一个button每当我键入enter的时候就刷新。很是郁闷,直接在form上onsumbit=false。才行。

    下面是我查询到的结果。

    1.form表单回车后自动提交总结

            默认情况下,一个文本框的时候,提交,不管按钮type是submit还是button

            一个文本框的时候怎么才能做到不提交,方法是加一个隐藏掉的文本框

           只要有type为submit的按钮存在,一个文本框还是多个文本框都提交

           多个文本框的时候,不提交,用type为button的按钮就行啦

           用button元素时,FX和IE下有不同的表现

            radio和checkbox在FX下也会触发提交表单,在IE下不会

            type为image的按钮,等同于type为submit的效 果

    2. 如果 onsubmit 句柄返回 fasle,表单的元素就不会提交。如果该函数返回其他值或什么都没有返回,则表单会被提交。

            由于 onsubmit 句柄可以取消表单的提交,所以它对于进行表单验证是十分理想的;

            这样的话,修改form的onsubmit事件可以让敲入回车的时候执行我们想要的操作而不跳转到action所指定的url,如下:

            <form action="myurl" onSubmit="fun1();return false;">

            执行fun1后不会跳转,方便表单操作

    3.使用onkeydown事件,如下:

            <input type="text"  onkeydown="if(event.keyCode==13){fun1();}"/>

            这样在文本输入框内输入文字后直接敲击回车,也会执行fun1函数

            有个疑问问下大家,onkeydown事件能为form或者div这样的元素注册吗,比如说

            <div onkeydown=" if(event.keyCode==13){fun1();} "></div>

            就是希望在焦点在div层的任何一个地方的时候,敲击回车活也执行fun1,而不是非要焦点在文本输入框的时候敲击回车才去执行fun1,那位清楚的探讨下,我试了下貌似不行

  • 相关阅读:
    gThumb 3.1.2 发布,支持 WebP 图像
    航空例行天气预报解析 metaf2xml
    Baruwa 1.1.2 发布,邮件监控系统
    Bisect 1.3 发布,Caml 代码覆盖测试
    MoonScript 0.2.2 发布,基于 Lua 的脚本语言
    Varnish 入门
    快速增量备份程序 DeltaCopy
    恢复模糊的图像 SmartDeblur
    Cairo 1.12.8 发布,向量图形会图库
    iText 5.3.4 发布,Java 的 PDF 开发包
  • 原文地址:https://www.cnblogs.com/jinling/p/5038891.html
Copyright © 2011-2022 走看看