第五节课 表单元素

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

< 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"

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

原文地址:https://www.cnblogs.com/qishuang/p/6013906.html