html 输入框标签讲解,input标签详解
一,标签定义及使用说明
1. 标签规定了用户可以在其中输入数据的输入字段。
2. 元素在
元素中使用,用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变,取决于 type 属性。
二,HTML与XHTML的区别
1.在 HTML 中, 标签没有结束标签。
2.在 XHTML 中, 标签必须被正确地关闭。
三,注示
1.注意: 元素是空的,它只包含标签属性。
2.提示: 你可以使用 元素来定义 元素的标注。
四,属性
1.type=text
输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。当然这也是Input的默认类型。
参数name:同样是表示的该文本输入框名称。
参数size:输入框的长度大小。
参数maxlength:输入框中允许输入字符的最大数。
参数value:输入框中的默认值
特殊参数readonly:表示该框中只能显示,不能添加修改。
your name:
2.type=password
不用我说,一看就明白的密码输入框,最大的区别就是当在此输入框输入信息时显示为保密字符。
参数和“type=text”相类似。
your password:
密码长度小于15
3.type=file
当你在BBS上传图片,在EMAIL中上传附件时一定少不了的东西:)
提供了一个文件目录输入的平台,参数有name,size。
your file:
4.type=hidden
非常值得注意的一个,通常称为隐藏域:如果一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。
一句话,你在页面中是看不到hidden在哪里。最有用的是hidden的值。
your hidden info here:
alert("隐藏域的值是 "+document.form1.yourhiddeninfo.value)
5.type=button
标准的一windows风格的按钮,当然要让按钮跳转到某个页面上还需要加入写JavaScript代码
your button:
6.type=checkbox
多选框,常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked(表示默认选择)
其实最重要的还是value值,提交到处理页的也就是value。(附:name值可以不一样,但不推荐。)
a:
b:
c:
name值可以不一样,但不推荐
a:
b:
c:
7.type=radio
即单选框,出现在多选一的页面设定中。参数同样有name,value及特别参数checked.
不同于checkbox的是,name值一定要相同,否则就不能多选一。当然提交到处理页的也还是value值。
a:
b:
c:
下面是name值不同的一个例子,就不能实现多选一的效果了
a:
b:
c:
注释:如果name的值不一样,作用和checkbox差不多。
8.type=image
比较另类的一个,自己看看效果吧,可以作为提交式图片
your Imgsubmit:
9.type=submit and type=reset
分别是“提交”和“重置”两按钮
submit主要功能是将Form中所有内容进行提交action页处理,reset则起个快速清空所有填写内容的功能。
五,备注
标签支持全局属性和所有HTML事件属性。
目前大多数浏览器支持标签。
html 输入框标签讲解,input标签详解相关推荐
- 【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型 属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
- html语言 input,input标签(HTML中input用法详解)
input标签 Firstname: Lastname: HTML中input用法详解 1.type 格式:type="文本的类型" 当type设置为text时,text属性表示一 ...
- Android vector标签 PathData 画图超详解
此文章来源于https://www.cnblogs.com/yuhanghzsd/p/5466846.html点击打开链接 Android vector标签 PathData 画图超详解 SVG是一种 ...
- select标签操作 select2使用详解
select标签操作 select2使用详解 官网: https://select2.github.io/examples.html 引用: <link href="~/Scripts ...
- pandas dataframe缺失值(np.nan)处理:识别缺失情况、删除、0值填补、均值填补、中位数填补、加缺失标签、插值填充详解及实例
pandas dataframe缺失值(np.nan)处理:识别缺失情况.删除.0值填补.均值填补.中位数填补.加缺失标签.插值填充详解及实例 isnull().natna().isna().fill ...
- html5中preload是什么意思,html的video标签的preload属性详解
--------------------------------------------------------- Ta 只分享的内容开始 ------------------------------ ...
- html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
- python input函数详解_对Python3中的input函数详解
下面介绍python3中的input函数及其在python2及pyhton3中的不同. python3中的ininput函数,首先利用help(input)函数查看函数信息: 以上信息说明input函 ...
- label标签和input标签之间的关系
在用到点击出现效果的时候总会用到label标签和input标签,当时也不是很明白,直到看了一篇博客之后才恍然大悟. 下面是文章链接 http://t.csdn.cn/rzVG0 运用input标签里面 ...
最新文章
- Intel® Nehalem/Westmere架构/微架构/流水线 (1) - 特性概述
- 程序员学会精刷LeetCode后,会变得有多强...
- HDU-1281-棋盘游戏(二分匹配)
- eclipse 编码设置之BOM丢失
- 网络管理员考试案例梳理、真题透解与强化训练
- VirtualBox 虚拟机迁移-克隆
- LOIC低轨道粒离子炮QQ交流群
- 移动端前端开发技术概况
- linux debian 设置 开机 启动
- 2014年实习生招聘之腾讯实习生招聘面试(一面)—2014/04/01
- 【DP】HDU6357 Hills And Valleys
- 阿里云ECS数据迁移到阿里云OSS
- 第二天 02-在VMware 安装安卓虚拟机
- 计算机网络基础之计算机网络
- SurfaceView显示透明色
- 【UE4】HTTP下载
- STM32单片机可变频率幅度DDS信号发生器正弦波三角波方波AD9833
- selenium web端自动化测试框架环境搭建
- 天选2 使用微PE工具箱制作PE盘、进入PE系统
- 国际多语言出海商城返佣产品自动匹配订单源码
热门文章
- matlab中0和1模型,计算SBM模型,结果却不在0和1之间,求帮助!!!
- python3网络请求_使用Python3和请求发送XMLHttpRequest并获取响应
- cad二次开发C#学习记录5——导出属性块信息
- strcasecmp与stricmp
- 当下电商究竟都适合从事那些项目,如何居家赚钱?
- C语言结构体指针的定义和初始化
- 嵌入式–滑动平均滤波算法
- 监控——Prometheus+ Grafana+Mysql主从复制监控
- ispm14:软考高项(信息系统项目管理师)重要考点
- win2000:ntoskrnl.exe 文件丢失解决一例