第四讲 html表单

1、表格的合并

colspan 左右合并单元格 <colspan=""> align单元格水平方向对齐方式
rowspan 上下合并单元格 <rowspan=""> valign单元格垂直方向对齐方式

2、什么是表单

表单是用来采集用户的输入数据,然后将数据提交给服务器

3、表单的组成:一个表单有三个基本组成部分

表单标签: 包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。
表单域: 包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
表单按钮: 包括提交按钮、复位按钮和一般按钮。

4、表单标签:<form></form>

功能: 用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器
语法:

<form action="url" method="get" ></form>     

 action=“”  服务器地址     

 method=“”  get  /  post      

解释:

  • action  采集的数据提交的路径
  • method  采集的数据提交的方式(get/post 不标注默认为get)

    1.get   保密信息不推荐使用,提交可以在上方地址栏看到相关信息。

    2. post  在实际网页开发中通常采用post方式提交表单数据。

5、表单域对象:

概念:表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据

文本框 文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。 代码格式:<input type="text" name="..." size="..." maxlength="..." value="...">
多行文本框 也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。 代码格式:<textarea name="..." cols="..." rows="..." ></textarea>
密码框 是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。 代码格式:<input type="password" name="..." size="..." maxlength="...“/>
隐藏域 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。 代码格式:<input type="hidden" name="..." value="...">
复选框 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。 代码格式:<input type="hidden" name="..." value="...">
单选框 当需要访问者在待选项中选择唯一的答案时,就需要用到单选框了。 代码格式:<input type="radio" name="..." value="...">           必须写上相同的name值才能每次选中一个
文件上传框 有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。 代码格式:<input type="file" name="..." size="15" maxlength="100">

6、表单

表单按钮 表单按钮控制表单的运作
提交按钮 提交按钮用来将输入的信息提交到服务器。 代码格式:<input type="submit" name="..." value="...">
复位按钮 复位按钮用来重置表单。 代码格式:<input type="reset" name="..." value="...">
一般按钮 一般按钮用来控制其他定义了处理脚本的处理工作。 代码格式:<input type="button" name="..." value="..."  οnclick="...">

上一篇:144-break语句


下一篇:开发记录:涉及到日期时间以及星期转换