HTML表单重置按钮标记,html表单详解

表单的元素:

1.单行文本框(input 的type 属性的默认值就是"text")

文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。

以下是单行文本框的主要属性:

size:指定文本框的宽度,以字符个数为单位;在大多数浏览器中,文本框的缺省宽度是20个字符。

value:指定文本框的默认值,是在浏览器第一次显示表单或者用户单击按钮之后在文本框中显示的值。

maxlength:指定用户输入的最大字符长度。

2.多行文本框

也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。

属性解释:

name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

readonly属性定义多行文本框为只读。

cols属性定义多行文本框的宽度,单位是单个字符宽度;

rows属性定义多行文本框的高度,单位是单个字符宽度;

wrap属性定义输入内容大于文本域时显示的方式,可选值如下:

默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现; Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; Virtual,允许文本自动换行。 Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。

3.密码框

是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。

4.单选按钮

当需要访问者在待选项中选择唯一的答案时,就需要用到单选框了。

属性解释:

name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;

value属性定义单选框的值,在同一组中,它们的域值必须是不同的。

5.复选框

复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。

属性解释:

name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

value属性定义复选框的值

6.隐藏域

隐藏域通常用于向服务器提交不需要显示给用户的信息。

属性解释:

name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

value属性定义隐藏域的值

7.文件上传

有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件

注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置enctype=”multipart/form-data”来确保文件被正确编码;另外,表单的传送方式必须设置成POST。

属性解释:

name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

size属性定义文件上传框的宽度,单位是单个字符宽度;

maxlength属性定义最多输入的字符数。

8.下拉框标签

下拉选择框允许你在一个有限的空间设置多种选项。标记创建一个列表框,标记创建一个列表项,与嵌套的一起使用,共同提供在一组选项中进行选择的方式。

属性解释:

size属性定义下拉选择框的行数;

name属性定义下拉选择框的名称;

multiple属性表示可以多选,如果不设置本属性,那么只能单选;

value属性定义选择项的值;

selected属性表示默认已经选择本选项。

9.标签

在前可以写普通的文本来修饰,但是单击修饰文本的时候input并不会得到焦点,而用label则可以,for属性指定要修饰的控件的id,内容;”,然后按下alt+u(了解)。accesskey=“u“,label的另一个属性。注意:要为被修饰的控件设置一个唯一的id。我觉得标签对和这两个标签是非常有用的。

10.

标签

fieldset标签将控件划分一个区域,看起来更规整。

11.提交按钮

当用户单击的提交按钮时,表单数据会提交给

标签的action属性所指定的服务器处理程序。中文IE下默认按钮文本为“提交查询”,可以设置value属性修改按钮的显示文本。

属性解释:

type=”submit”定义提交按钮;

name属性定义提交按钮的名称;

value属性定义按钮的显示文字;

12.重置按钮

当用户单击按钮时,表单中的值被重置为初始值。在用户提交表单时,重置按钮的name和value不会提交给服务器。

属性解释:

type=”reset”定义重置按钮;

name属性定义复位按钮的名称;

value属性定义按钮的显示文字;

13.普通按钮

普通按钮通常用于单击执行一段脚本代码。

属性解释:

type=”button”定义一般按钮;

name属性定义一般按钮的名称;

value属性定义按钮的显示文字;

onClick属性,也可以是其它的事件,通过指定脚本函数来定义按钮的行为;

表单实例代码:

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值