Html5 填表表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互

<input> 无限制输入

type 限制输入 type = 如下类型

type 后还可以跟一些属性: 如<input type=text maxlength = 10> 限制文本的长度为10字节

list 可以用的时候再来查, list就是当一个建议值不够的时候添加到几个.

<form>

<input type="text" name="usr" list="listfruit">

<datalist id="listfruit">

<option>雪梨</option>

<option>香蕉</option>

<option>蜜瓜</option>

</datalist>

</form>

要记好几个东西 , 创建一个datalist,里面有多个option, datalist的id 指向input的list, 一对多通常是多的那边其id

password 显示非明文

placeholder 占位符,默认为空, 也可以输入提示语提示输入什么, 但真正输入的时候回消失.

number 限制输入数字

range 限制输入定义域数字

color date IE都不支持, 其实很好的, 就是让用户输入多元化, 能选颜色,日期.

checkbox 多选题,打钩

提交返回一个?music = 1 & sport =2 和后续的程序接轨从而调用这些id 的文本或者音乐

radio 单选题

image 按钮为图片的按钮……

email tel url 这些是要求用户输入正确的类别,但浏览器支持不是很好. 可能要用正则表达式规范

hidden 隐藏输入框, 要配合name 和value 编写, 提交后返回 name = value

file 上传控件

Html5 填表表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互相关推荐

html5 填表表单 input output 与表单验证
1.<output> Js计算结果 <form οninput="res.value = num1.valueAsNumber*num2.valueAsNumber ...
表单元素input type=”hidden”的作用
隐藏域在页面中对于用户是不可见的,在表单插入中隐藏域的目的在于收集和发送信息,以利于被处理表单的程序所使用注:隐藏只是在网页页面上不显示输入框,但是虽然隐藏了,还是具有form传值功能.一般用来传值 ...
表单绑定复选框的值和图片上传
表单如何实现与复选框的值绑定一致 <u-form-item :label-position="labelPosition" label="提供服务" pr ...
表单和servlet在idea中实现文件的上传
1.前端jsp的搭建. 通过type=file的input标签就可以选择要上传的文件,当submit提交表单的时候就可以将选定的文件以流的形式提交.要注意的技术细节就是表单中有上传文件功能时,必须显式 ...
前后端分离学习笔记(5) ---[表单的增删改操作；以及为管理员上传头像]
上一篇案例中也是查询到了表单的内容–>前后端分离学习笔记(4) -[路由嵌套, 查询表单显示] 文章目录 1.前端组件页面添加管理员操作修改管理员信息删除管理员为管理员上传头像修改密码 ...
form表单之input标签
表单标签<form> 表单用于向服务器传输数据. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldse ...
HTML5之表单控件的使用
表单用来搜集用户输入的数据组成 1.表单控件(搜集信息) 2.提示信息 3.表单域表单域中的属性 action:设置一个用来接收数据的后台程序地址 method:设置表单数据 ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
HTML表单input类型有哪些,HTML表单之input元素的23种type类型
摘自:http://www.cnblogs.com/xiaohuochai/p/5179909.html 了解HTML表单之input元素的23种type类型随着HTML5的出现,input元素新增 ...

Html5 填表表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互

Html5 填表表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互相关推荐

最新文章

热门文章

Html5 填表 表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互

Html5 填表 表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互相关推荐

最新文章

热门文章

Html5 填表表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互

Html5 填表表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互相关推荐