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,那位清楚的探讨下,我试了下貌似不行

  • 相关阅读:
    No-3.Linux 终端命令格式
    No-2.常用 Linux 命令的基本使用
    No-1.文件和目录
    No-7.运算符
    No-6.If语句
    No-5.变量的命名
    YOLOv4详细分析 | 细数当前最佳检测框架小细节(附论文及源码下载)
    案例】S7-200SMART 实时时钟如何在MCGS触摸屏上显示并写入
    卡尔曼滤波:从入门到精通
    mmdetection最小复刻版(七):anchor-base和anchor-free差异分析
  • 原文地址:https://www.cnblogs.com/jinling/p/5038891.html
Copyright © 2011-2022 走看看