Question

input有哪些类型？各是做什么用的

Answer 1

其中大多数都是介绍过的，可以参考以前的文章《 xhtml表单标签详解及简单表单制作 》。 标有黑体字的几项是没有介绍过的，在本文中进行介绍。 <input type=submit name=button id=button value=提交 / <input type=button name=button2 id=button2 value=提交 / <input type=reset name=button3 id=button3 value=重置 / <input type=image src=image.jpg name=button4 id=button4 value=提交 / <input type=hidden name=button5 id=button5 value=隐藏的 / 以上代码是对这几种类型的展示，前三者外观看上去完全一样，第四种会呈现成图片的表现样式，第五种则不会显示在网页中。reset是重置表单中的所有内容，可以让用户重新填写。 如果type类型是image ，后面必须跟随src属性并指定一张图片，它的作用是用一张图片作为按钮。hidden类型是一个隐藏元素，用于提交表单时附带一些不需要用户填写的默认值，比如附件的容量大小等等。 最后说一下button和submit类型，二者从外观上看似相同，也都是按钮，但submit被叫做“提交按钮”，是一个增强性能的button，当被点击时，它能触发onclick事件，带有提交动作，触发form的action。 如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动态网页来说，也就是对数据库操作两次。 另外，还有一种button按钮，它不属于input范畴，书写方式是<button文字</button，关于它的介绍，可以参考《 CSS按钮制作方法系列文章》。