Form表单属性及其常用的INPUT控件

<form>表单常用属性有以下几种:

name:用来标识这个表单,在javascript中可以通过 document.表单名 来取得这个表单

action:表示这个表单提交时的跳转路径

method:表示提交方式,可以选择post和get,默认为get方式.两种方式的区别:

    post:所有提交的参数都会隐藏,没有参数的大小限制,建议使用该方式

    get:所有提交参数都会在地址栏显示,参数总量最大4-5K.不建议使用

enctype:表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为enctype="multipart/form-data"

onsubmit:当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用.

 

表单中的常用控件:

<inputtype="text">:文本框,输入单行文本

<inputtype="password">:密码框,输入密码信息,所有输入的信息会隐藏显示

<inputtype="button">:普通按钮,一般用来完成javascript功能的

<inputtype="submit">:表单提交按钮,点此按钮提交表单

<inputtype="reset">:表单重置按钮,点此按钮表单中的数据回到填写之前.

<inputtype="radio">:单选按钮

<inputtype="checkbox">:多选按钮

<inputtype="hidden">:隐藏域,将一个值隐藏传递.

<inputtype="image">:功能和submit提交按钮相同,但可以显示图片.

<textarea></textare>:文本域,输入多行文本

<select>:下拉列表,需要结合option一起使用

<option>:通过该值为<select>设置选项