JSP中i nputtype用法简介
Inp ut表示F orm表单中的一种输入对象，其又随Typ e类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面一一介绍。
1，typ e=tex t
输入类型是te xt，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的默认类型。
参数name：同样是表示的该文本输入框名称。
参数s ize：输入框的长度大小。
参数max lengt h：输入框中允许输入字符的最大数。
参数valu e：输入框中的默认值
特殊参数read only：表示该框中只能显示，不能添加修改。
<;form>
yourname:
<inpu t typ e="te xt" n ame="yourn ame"size="30"maxle ngth="20"value="输入框的长度为30，允许最大字符数为20"&g t;<br&g t;
<in put t ype="text" name="you rname" siz e="30" max lengt h="20" rea donly valu e="你只能读不能修改">
&l t;/fo rm>
2，type=passw ord
不用我说，一看就明白的密码输入框，最大的区别就是当在此输入框输入信息时显示为保密字符。
参数和“t ype=t ext”相类似。
<f orm&g t;
y our p asswo rd:
<i nputtype="pass word" name="you rpwd" size="20" maxl ength="15"
valu e="123456">密码长度小于15
</f orm&g t;
3，type=file
当你在BBS上传图片，在E MAIL中上传附件时一定少不了的东西：）
提供了一个文件目录输入的平台，参数有name，size。
<form>
your file:
&l t;inp ut ty pe="f ile"name="your file" size="30">
<;/form>
4，ty pe=hi dden
非常值得注意的一个，通常称为隐藏域：如果一个非常重要的信息需要被提交到下一页，但又不能或者无法明示的时候。
一句话，你在页面中是看不到h idden在哪里。最有用的是h idden的值。
<;formname="form1">
yo ur hi ddeninfohere:
<inpu t typ e="hi dden" name="you rhidd eninf o" va lue="cnbru ce.co m">
&l t;/fo rm>
&l t;scr ipt&g t;
a lert("隐藏域的值是 "+docum ent.f orm1.yourh idden info.value)
&l t;/sc ript>
5，t ype=b utton
标准的一wind ows风格的按钮，当然要让按钮跳转到某个页面上还需要加入
写J avaSc ript代码
&l t;for m nam e="fo rm1">
yourbutto n:
<in put t ype="butto n" na me="y ourhi ddeni nfo"value="Go，Go，Go！"
on click="win dow.o pen('http://wwwbr uce.c om')">
<;/form>
6，type=check box
多选框，常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数check ed（表示默认选择）
其实最重要的还是value值，提交到处理页的也就是val ue。（附：name值可以不一样，但不推荐。）
<;formname="form1">
a:<i nputtype="chec kbox" name="che ckit" valu e="a" chec ked&g t;<br&g t;
b:<;input type="che ckbox" nam e="ch eckit" val ue="b">;<b r>;
c:<in put t ype="check box"name="chec kit"value="c">&l t;br>
</form>
name值可以不一样，但不推荐<b r>;
<form name="for m1"&g t;
a:<;input type="che ckbox" nam e="ch eckit1" va lue="a" ch ecked><br>
b:&l t;inp ut ty pe="c heckb ox" n ame="check it2"value="b">&l t;br>
c:<inpu t typ e="ch eckbo x" na me="c hecki t3" v alue="c"&g t;<br&g t;
</f orm&g t;
7，ty pe=ra dio
即单选框，出现在多选一的页面设定中。参数同样有na me,va lue及特别参数inputtypefile不上传文件
ch ecked.
不同于chec kbox的是，nam e值一定要相同，否则就不能多选一。当然提交到处理页的也还是v alue值。
<fo rm na me="f orm1">
a:&l t;inp ut ty pe="r adio" name="che ckit" valu e="a" chec ked&g t;<br&g t;
b:<;input type="rad io" n ame="check it" v alue="b"&g t;<br&g t;
c:<;input type="rad io" n ame="check it" v alue="c"&g t;<br&g t;
</f orm&g t;
下面是nam e值不同的一个例子，就不能实现多选一的效果了<br&g t;
<fo rm na me="f orm1">
a:&l t;inp ut ty pe="r adio" name="che ckit1" val ue="a" che cked>&l t;br>
b:<inpu t typ e="ra dio"name="chec kit2" valu e="b"><br>
c:&l t;inp ut ty pe="r adio" name="che ckit3" val ue="c">;<b r>;
</for m>;
8，type=imag e
比较另类的一个，自己看看效果吧，可以作为提交式图片
<;formname="form1" ac tion="xxx.asp">
yourImgsu bmit:
<inpu t typ e="im age"src="../bl og/im ages/face4.gif">
<;/form>
9，type=submi t and type=rese t
分别是“提交”和“重置”两按钮
submi t主要功能是将For m中所有内容进行提交actio n页处理，reset则起个快速清空所有填写内容的功能。
<f orm n ame="form1" act ion="xxx.a sp"&g t;
<in put t ype="text" name="you rname">;
<inpu t typ e="su bmit" valu e="提交">;
<inpu t typ e="re set"value="重置">
<;/form>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论