文档章节

触摸手机上 input 中的学问

pauli
 pauli
发布于 2014/05/29 14:30
字数 528
阅读 1179
收藏 7

在触摸手机上,可以有虚拟键盘,自动识别不同的输入框类型。

如果设置恰当的 type 属性,极大的方便了用户的输入。

常见类型(HTML5):http://www.w3school.com.cn/html5/att_input_type.asp

描述
button 定义可点击的按钮(大多与 JavaScript 使用来启动脚本)
checkbox 定义复选框。
color 定义拾色器。
date 定义日期字段(带有 calendar 控件)
datetime 定义日期字段(带有 calendar 和 time 控件)
datetime-local 定义日期字段(带有 calendar 和 time 控件)
month 定义日期字段的月(带有 calendar 控件)
week 定义日期字段的周(带有 calendar 控件)
time 定义日期字段的时、分、秒(带有 time 控件)
email 定义用于 e-mail 地址的文本字段
file 定义输入字段和 "浏览..." 按钮,供文件上传
hidden 定义隐藏输入字段
image 定义图像作为提交按钮
number 定义带有 spinner 控件的数字字段
password 定义密码字段。字段中的字符会被遮蔽。
radio 定义单选按钮。
range 定义带有 slider 控件的数字字段。
reset 定义重置按钮。重置按钮会将所有表单字段重置为初始值。
search 定义用于搜索的文本字段。
submit 定义提交按钮。提交按钮向服务器发送数据。
tel 定义用于电话号码的文本字段。
text 默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符。
url 定义用于 URL 的文本字段。

当然了,输入法也要具备这种智能检测能力,下面是谷歌拼音输入法截屏(百度输入法不行),Android 4.4 系统下。

type 为空,type="text"

type="tel"

type="url"(原来是中文状态,自动切换到英文状态,键盘上多出了斜线“/”)


type="search"


type="time" (datetime, datetime-local, month, week 类似


type="color"



手机测试请输入上面网址(http://itstar.net/article/input.htm)或者扫描下面二维码:

© 著作权归作者所有

共有 人打赏支持
上一篇: 代码优化
下一篇: NodeBB 环境搭建
pauli

pauli

粉丝 25
博文 8
码字总数 2855
作品 0
上海
前端工程师
私信 提问
加载中

评论(4)

五杀联盟
五杀联盟
uc下面正常
五杀联盟
五杀联盟
我用的也是谷歌输入法
五杀联盟
五杀联盟
真的不行
五杀联盟
五杀联盟
不行的
[嵌入式开发板学习分享]迅为i.MX6开发板QT 鼠标和触摸的问题

本文转自迅为论坛:http://www.topeetboard.com 平台:迅为-i.MX6开发板 一. 背景 在使用迅为提供的QT4.7的时候,鼠标可以正常使用,有触摸但是触摸会出现问题。尤其是在左右滑动qt界面的时候...

歌之王子殿下
2017/04/13
43
0
Android游戏开发之单点触摸与多点触摸的响应方式(二十三)

Android游戏开发之单点触摸与多点触摸的响应方式 雨松MOMO原创文章如转载,请注明:转载自雨松MOMO的博客原文地址:http://blog.csdn.net/xys289187120/article/details/6686708 游戏开发中的...

晨曦之光
2012/03/07
340
0
Android游戏开发之单点触摸与多点触摸的响应方式(二十三)

Android游戏开发之单点触摸与多点触摸的响应方式 雨松MOMO原创文章如转载,请注明:转载自雨松MOMO的博客原文地址:http://blog.csdn.net/xys289187120/article/details/6686708 游戏开发中的...

彭博
2012/03/09
229
0
也来说说touch事件与点击穿透问题

前言 做过移动端H5页面的同学肯定知道,移动端web的事件模型不同于PC页面的事件。看了一些关于touch事件的文章,我想再来回顾下touch事件的原理,为什么通过touch可以触发click事件,touch事...

大灰狼的小绵羊哥哥
01/01
0
0
十分钟了解Android触摸事件原理(InputManagerService)

从手指接触屏幕到MotionEvent被传送到Activity或者View,中间究竟经历了什么?Android中触摸事件到底是怎么来的呢?源头是哪呢?本文就直观的描述一个整个流程,不求甚解,只求了解。 Androi...

看书的小蜗牛
2017/12/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

tac 与cat

tac从后往前看文件,结合grep使用

writeademo
今天
2
0
表单中readonly和dsabled的区别

这两种写法都会使显示出来的文本框不能输入文字, 但disabled会使文本框变灰,而且通过通过表单提交时,获取不到文本框中的value值(如果有的话), 而readonly只是使文本框不能输入,外观没...

少年已不再年少
今天
2
0
SpringBoot上传图片操作

首先有个上传文件的工具类 /** * 文件上传 * @param file * @param filePath * @param fileName * @throws Exception */public static void uploadFile(byte[] file, String ...

_liucui_
今天
6
0
DrawerLayout

public class MainActivity extends BaseActivity implements NavigationView.OnNavigationItemSelectedListener,OnFragmentInteractionListener{ public NavigationView navView; ......

安卓工程师王恒
今天
2
0
python精简笔记

python精简笔记-字符串基本用法 字符串常见用法: * encode() # 编码成bytes类型 * find() # 查找子串 * index() # 获取下标 * replace() # 替换子串 * len(string) # 返回字符串长度,...

平头哥-Enjoystudy
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部