今日表单学习

<input type="text"/><!--不加type默认为普通文本框-->

<input type="password"> 密码框

<input type="submit"> 提交按钮

submit是为了提交表单的，文本框不具有数据提交功能，表单具备数据提交功能。

模拟表单

<form action="对方地址">

用户名：<input type="text"/>

密码：<input type="password">

<input type="submit"/ value=“提交”> 

<input type="reset"/ value=“重置”> 

</form>

form 标签

        action：要提交的url地址，不写则提交给自己。

        mothed：提交的方式

                get方式（默认）：传送的数据不能超过1K，提交后地址栏显示提交内容，文本框需要有变量名

                post方式：可以传送大量数据，地址栏不显示提交的信息。（一般用于账号密码传送）

        target：打开方式。

        enctype：指定浏览器用哪种编码上传文件/数据。

        title：鼠标停留时显示文字提示。

表单中常用的组件

        1）<input type="text"/>默认也为文本框，要想提交必须有name属性，

                value属性是默认提供的值，

                size属性设置大小，

                maxlength属性设置填充最大个数，

                readonly="readonly"属性设置仅读，不能改但可以提交

                disabled="disabled"属性被禁用的内容不能改动也不能提交

                placeholder属性设置文本框内显示内容，填内容时消失

        2）<input type="password"/> 密码框

        3）<input type="submit" value="注册"/> 可以提交表单，会把表单中的数据按key=value&key=value

        4）<input type="reset"/> 重置按钮 会把表单中数据清空

        5）<input type="checkbox" value=""/> 复选框 选中提交后有value值显示value中内容没有显示on

        6）<input type="radio" value=""/> 单选框 注意：在一组中的名字要相同。

        7）<input type="hidden" name="id" value="10"/> 隐藏域 不显示于页面，但会提交

        8）<input type="button" value="按钮"/>或<button></button>

                注意：<button></button>在有表单提交时相当于submit；

        9）<input type="file"/> 文件上传 此时注意表单必须把enotype改为非默认方式method=“post”

                加multiple="multiple"属性可多选。

        10）<input type="image" src="image.jif"/> 图片按钮

        11）<select name="food">

                        <option value="1">饭</option>

                        <option value="2" selected>菜</option><--默认选择selected-->

                </select>提交表单需要在select中加name

        12）<textarea></textarea>文本域