html中input标签能创建哪些表单?

如题所述

表单元素input是用来配置表单中的输入字段,input元素可配置10种不同类型的输入字段,字段类型由type属性决定。
input元素不仅可以布置于表单中,也可布置于区块型元素或线内元素中
input元素为空元素,在HTML文件中没有终止标签,但在XHTML文件中必须在起始标签右括号前加上一个“/”右斜线作为结束,或是将basefont元素也加上终止标签。

属性:
type(输入字段的类型):
说明:
text:单行输入框;
password:密码输入框;
checkbox:可复选的复选框
radio:单选按钮;
submit:提交按钮;
reset:重置按钮;
file:文件选择字段;
hidden:数据隐藏字段;
image:图片传送按钮;
button:通用按钮;

name(字符串【任意值】);
说明:输入字段的识别名称,传递数据时的参数名称;

value(字符串【任意值】);
说明:字段默认数据值,checkbox、radio类型的字段不可省略此属性设置,其余类型都可省略。用于botton、submit、reset等字段类型指的是按钮标签的显示文本,用checkbox、radio类型的字段时,
则为表单数据传送时被选定项目的数据值;

size(正整数);
说明:指定输入字段的宽度,文字型输入字段(text、password)为文字数宽度,其余字段类型为像素单位(pixel)的宽度;

maxienght(正整数);
说明:指定字段输入的文字数,用于文字型输入字段(text、password),默认没有限制可输入数;

checked(空值/checked);
说明:指定字段已是被选取状态,用于checkbox、radio字段,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中次数性质不可省略,即需指定checked="checked"

disabled(空值/disabled);
说明:设置输入字段为不可使用(字段变成灰色),表单数据传送时,讲不会传送该字段数据,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中属性值需指定为disabled(disabled=“disbled”)

readonly(空值/readonly)
说明:指定字段数据不可变更,但表单数据传送时,将会传送该字段数据,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中属性值需指定为readonly(readonly=“readonly”);

src(URL)
说明:指定图片来源的URL,用于image字段

alt(字符串【任意值】)
说明:当图片无法显示时的代替文字,用于image字段

align:
top(靠上)
middle(置中)
bottom(靠下)【默认】
left(靠左)
right(靠右)
说明:用于image字段,指定图片与文字的对应排列方式,top/middle/bottom为图片与文字的垂直方向的对应关系,left/right为图片与文字水平方向的对应关系(图文串排),此属性仅可在Transitional、Frameset DTD的情况下使用

tabindex(0到32767)
说明:指定按下Tab键时项目键移动的顺序,从属性值最小者开始移动

accesskey(任意一个文字码中的文字)
说明:指定快捷键文字,快捷键的使用在Windows中为Alt键+快捷键文字,Macintosh为Ctrl+快捷键文字

accept(MIME类型)
说明:指定服务器处理字段数据时所能接受的MIME类型,可复数指定,MIME清单项目使用“,”逗号或空格隔开,用于file字段

usemap(URI)
说明:用于image字段,将字段设置为客户端的影响地图,URI格式为#mapname,其中mapname对应于map元素的name属性值

ismap(空值/ismap)
说明:用于image字段,指定表示为服务器端的影像,在HTML文件中属性值为空值(只需加入属性名称),在XHTML文件中属性值需指定为ismap(ismap="ismap")

还有通用属性(ID、class、title、style、dir、lang、xml:lang)在此不作详细介绍了
温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-08-26
<input type="text">创建一个文本输入框
<input type="password">创建一个密码输入框
<input type="file">创建一个文件浏览控件
<input type="radio">创建一个单选框
<input type="button">创建一个按钮
<input type="submit">创建一个提交按钮
<input type="reset">创建一个重置按钮
关于input应该就这些了吧
第2个回答  2018-11-10
相似回答