一、标签定义

1、<input> 标签规定了用户可以在其中输入数据的输入字段。

2、输入类型是由 type 属性定义。

二、input的参数

<input type="类型" name="输入框名称" size="框的大小" maxlength="字符的最大数" value="框的默认值"/>

三、属性

文本域：type = text      用来输入单行文本

姓: <input type="text" name="yourname"><br>
名: <input type="text" name="myname">

密码字段：type=password                用户的输入会被遮挡

你也可以加maxlength="8",意思是输入的密码长度只能8个
密码: <input type="password">

单选按钮：type=radio                表示一组选择之中，只能选中一项

<input type="radio" value="A" name="nn" >A<br>
<input type="radio" value="B" name="nn" >B<br>
<input type="radio" value="C" name="nn" >C<br>
<input type="radio" value="D" name="nn" >D<br>

复选框：type=checkbox         允许选择或取消选择该选项

<input type="checkbox" value="A" name="nn" >A
<input type="checkbox" value="B" name="nn" >B
<input type="checkbox" value="C" name="nn" >C
<input type="checkbox" value="D" name="nn" >D

提交按钮:type=submit               用户点击这个按钮，就会把表单提交给服务器

<form>Username: <input type="text" name="user"><input type="submit" value="Submit">
</form>

             重置按钮：type=reset         作用在于清空输入的信息。

<form>姓名：<input type="text" ><input type="reset" >
</form>

日期的输入框：type=date                用户可以输入年月日

时间的输入框：type=time                  可以输入时分秒

滑块：type=range        用户拖动滑块，选择给定范围之中的一个数值

输入年份和月份的输入框：type=month

选择颜色的控件：type=color          它的值一律都是#rrggbb格式

搜索的文本输入框：type=search         基本等同于type=text。

将一个图像文件作为提交按钮：type=image    行为和用法与type=submit完全              一致

电子邮箱的文本输入框：type=email    表单提交之前，浏览器会自动验证是否              符合电子邮箱的格式

文件选择框：type=file  允许用户选择一个或多个文件，常用于文件上传功能。

不显示在页面的控件:type=hidden         用户无法输入它的值，主要用来向服                 务器传递一些隐藏信息。
             数字输入框：type=number        只能输入数字

只能输入网址的文本框：type=url
             只能输入电话号码的输入框：type=tel

HTML5 input（）标签相关推荐

1. Input标签牲描述

   类别:HTML5 Input标签牲描述 共用特性 required标签:值为required,检测为必须输入值.查看示例 type:text list标签:该标签是指向数据源标签datalist:id ...

2. php 内置 日历 input,input标签的日历功能实现

   1. 利用HTML5 input标签属性type="date" 以上代码在PC端的样式为 Paste_Image.png 在iPhone6s手机端的样式为 Paste_Image. ...

3. 十二、HTML5新增标签特性详解（audio、video、input）

   HTML5 第一天 一.什么是 HTML5 HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新 ...

4. 改HTML5里的input标签的required属性的提示为英文的

   原文出处:http://zhidao.baidu.com/link?url=bVzR5uJ0pHchYtnUAbwbjmfKwBi6tF52wjOqWQtyGddJ6ZpGbd4qPM7Q_pfIEs ...

5. html中input标签中type属性小总(包含html5新增表单属性)

   前言   HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...

6. HTML5/HTML中input标签用法解读

   HTML5/HTML中<input>标签用法解读 OK!今天博主为小伙伴们介绍的内容是HTML5/HTML中<input>标签的用法,,, ,emmm图文并茂哦! 喜欢博主的粉 ...

7. 【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换

   文章目录 HTML5 第一天 一.什么是 `HTML5` 二.`HTML5 ` 新增标签 三.多媒体音频标签 四.多媒体视频标签 五.新增 input 标签 六.新增表单属性 七.`CSS3 ` 属性 ...

8. html5之input标签学习

   input标签 本文介绍单标签input 基本形式: <input type="" name=""> input标签的属性有以下几种: autofo ...

9. html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)

   点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1.  声明的变化 2.  指定字符编码的变化,html5中建议使用utf-8 3.  Html5中允许 没有 ...

最新文章

1. python补课费用_学习python阶段小总结
2. 即使是一个技术人员，也需要知道沟通的重要性
3. 项目中SQL语句文件保存及提取方法
4. 泰拉瑞亚服务器config修改,泰拉瑞亚配置怎么修改_泰拉瑞亚配置修改方法介绍...
5. MySQL: InnoDB 还是 MyISAM?
6. java mongodb 副本集,MongoDB副本集
7. Angular2 - Starter - NgModule
8. Poj 1324 Holedox Moving 状压判重+BFS
9. 鹏芯U盘（UDK2008）意外断电后修复
10. 微信小程序 转发 分享功能
11. matlab中contour 函数的用法（绘制等高线）
12. 题解 [校内测试]图森破
13. Vistor-访问者模式
14. IIS启动就报错：发生意外错误0x8ffe2740
15. html 转换 hta,HTA (HTML Application) 簡介
16. 人生感悟：欲望适度则为利，欲望过度则为害，高级java开发工程师简历
17. GIT面试题——分支
18. web端网页qq好友 qq空间 微信 微博分享
19. python下载夏目友人帐
20. 可能是史上最适合入门SQL语句的教程——自学SQL网学习笔记

热门文章

1. 关于对mysql脏读、幻读、不可重复读的理解
2. python按格式写文件_Python按特定格式对文件进行读写
3. windows 生成数字证书
4. c语言之简单版的图书检索系统
5. 【coding】Bert-Whitening细解
6. 人民币衍生品风险不容忽视
7. Java人脸识别登录Demo(人脸考勤系统）
8. 云服务案例分析 BB平台 Quiz3
9. 一种近红外I区荧光染料ICG-CBT 主要应用领域，是药品监督管理局（FDA）批准的体内应用染料
10. 课程学习笔记1：自然辩证法概论