HTML中input的用法

<input>标签的定义用法

1、该标签用于搜集用户信息；

2、根据不同的type属性值，输入字段拥有很多形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选框等；

3、在html中，<input>标签没有结束标签，但在xhtml中<input>必须被正确地关闭；

实例

一个简单的html表单，包含了两个文本输入框和一个提交按钮：

4、input当中的属性

accept：（mime-type）规定通过文件上传来提交文件的类型；

align：（left、right、top、middle、bottom）规定图像输入的对齐方式；

alt：（text）定义图像输入的替代文本；

autocomplete：（on、off）规定使用输入字段的自动完全功能；

autofocus：（autofocus）规定输入字段在页面加载是否获得焦点；

checked：（checked）规定在input元素中首次加载应当被选中；

disabled：（disabled）当input元素加载时禁用此元素；

form：（formname）规定输入字段所属的一个或多个表单；

formaction：（URL）覆盖表单的action属性（适用于type=“submit”和type=“image”）；

formmmethod：（get、post）覆盖表单的method属性（适用于type=“submit”和type=“image”）；

formnovalidate：（formnovalidate）覆盖表单的novalidate属性。如果使用该属性，则提交表单的不进行验证；

formtarget：（_blank、_self、_parent、_topframename），覆盖表单的 target 属性。（适用于 type="submit" 和 type="image"）；

height：（pixels）定义字段的高度（适用于type=“image”）

list：（datalist-id）引用包含输入字段的预定义选项的datalist；

max：（number、date）规定输入字段的最大值，一般与“min”属性配合使用，来创建合法值的范围；

maxlength：（number）规定输入字段的字符的最大长度；

min：（number、date）规定输入字段的最大值，一般与“max”属性配合使用，来创建合法值的范围；

multiple：（multiple）使用该属性，则允许一个以上的值；

name：（field-name）定义input元素的名称；

pattern：（regexp_pattern）规定输入字段的值的模式或格式。例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字

placeholder：（text）规定帮助用户填写输入字段的提示；

readonly：（readonly）规定输入字段为只读；

required：（required）提示输入字段的值是必须的；

size：（number-of-char）定义输入字段的宽度；

src：（URL）定义以提交按钮形式显示图像的URL；

step：（number）规定输入字的合法数字的间隔；

type：（button、checkbox、file、hidden、image、password、radio、reset、submit、text）规定input元素的类型；

value：（value）规定input元素的值；

width：（pixels）定义input字段的宽度；（适用于type=“image”）；

HTML中input的用法相关推荐

JSP中 input type 用法
JSP中 input type 用法 Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=te ...
HTML5/HTML中input标签用法解读
HTML5/HTML中<input>标签用法解读 OK!今天博主为小伙伴们介绍的内容是HTML5/HTML中<input>标签的用法,,, ,emmm图文并茂哦! 喜欢博主的粉 ...
Matlab中input函数用法
目录语法说明示例请求数值输入或表达式请求未处理的文本输入 input函数的作用是请求用户输入语法 x = input(prompt)str = input(prompt,'s') 说明 x ...
python的raw_ input是什么意思-对python中raw_input()和input()的用法详解
最近用到raw_input()和input()来实现即时输入,就顺便找了些资料来看,加上自己所用到的一些内容,整理如下: 1.raw_input() raw_input([prompt]) -> ...
python中str和input_对python中raw_input()和input()的用法详解
最近用到raw_input()和input()来实现即时输入,就顺便找了些资料来看,加上自己所用到的一些内容,整理如下: 1.raw_input() raw_input([prompt]) -> ...
python中input()函数的返回是什么类型_Python中input函数的用法是什么？
"input()"函数是输入函数,用于接受一个标准输入数据,且返回string类型.在Python3中,去除了"raw_input()"函数,仅保留了" ...
html语言 input,input标签(HTML中input用法详解)
input标签 Firstname: Lastname: HTML中input用法详解 1.type 格式:type="文本的类型" 当type设置为text时,text属性表示一 ...
php的filter input,php中filter_input函数用法分析
本文实例分析了php中filter_input函数用法.分享给大家供大家参考.具体分析如下: 在 php5.2 中,内置了filter 模块,用于变量的验证和过滤,过滤变量等操作,这里我们看下如何直接 ...
AjaxPro2在Asp.net中的基本用法
AjaxPro2在Asp.net中的基本用法 1. 引用ajaxPro2.dll到你的工程中. 2. 在Web.config中添加配置 <httpHandlers> ...

HTML中input的用法

HTML中input的用法相关推荐

最新文章

热门文章