第五节课 表单元素

程序和用户进行一个交户，也可以说是用户写的内容提交给程序

< form action＝"写网页的地址" method＝"get"或"post"></form>

action是指向，把数据交给那个页面，如果使用get，从浏览器能看到传的内容，如果method＝"post"，则从浏览器看不到传的内容，是隐视的，get有长度限制，不能太长，post没有长度限制，一般都用post

表单元素，一般分为这几大类，内容是写在<form></form>里面的

 1、<input type＝"text" name＝"给表单起个名字" value＝"hello"/>

这是个单标签元素，value是直，运行后页面会出现一个文本框，文本框内会出现 hello  

2、<input type＝"password" name＝"名字" value＝"写内容"/> 

和上面的差不多，运行后页面会出现一个密码框，输入的内容则会变成星号

3、<input type＝"hidden" name＝"起个名字" value＝"写内容"/> 

这是个隐藏域，如果有条重要的数据，又不想让用户看到，可以使用隐藏域

4、< textarea name＝"起个名字">内容</textarea>

这是一个双标签元素，一个文本域

按钮类

1、<input type＝"button" value＝"设置按钮名称"/>

就是一个普通按钮

2、<input type＝"submit" value＝"提交"/>

是一个提交按钮，跳转页面提交数据的

3、<input type＝"reset" value＝"重置"/>

重置按钮，输入内容后，点重置可以回归原来的样子

4、<input type＝"image" src＝"图片路径"/>

图片提交按钮

5、<input type＝"radio" name＝"sex" value＝"男"/>男

     <input type＝"radio" name＝"sew" value＝"女"/>女

这是两个单选按钮，value是提交的值，制作出来就是选男或是女的按钮

6、多选按钮，举个例子

<input type＝"checkbox" name＝"aihao" value＝"玩"/>玩

<input type＝"checkbox" name＝"aihao" value＝"看书"/>看书

复选框，可以玩和看书两个都选

下拉列表，举个例子

<select name＝"m2">

       <option>汉族</option>

       <option>回族</option>

        <option>维吾尔族</ope>

</select>

option也可以加属性"value"

例<option value＝"001">

提交时，网址会显示value，当没有value时，才会显示内容

<input type＝"file" name＝"file"/>

这个可以选择文件，上传文件到服务器

所有表单都可以写name属性

除了按钮类，其他的必须要写name属性

按钮必须要写value属性

还有其他属性

readonly＝"readonly"

只能读，只能看，运行后，用户只能看到，表单内不能输入内容

disabled＝"disabled"

不可用表格，运行后，变灰色，提交不了

hidden＝"hidden"

隐藏的

checked＝"checked"做选中

用于单选复选里面

selected＝"selected"

用于下拉列表，用来做选中