HTML——表单输入标签

1.  文本框——text

    text 属性用来设定在表单的文本框中,输入任何类型的文本、数字、或字母。输入的内容以单行显示。语法如下:

    <input  type="text"  name="控件名称"  size="控件的长度"  maxlength=" 最长字符数" 

     value="文字域的默认取值"/>

text 文本框的参数表
参数类型 含义
name 文本款的名称,用于和页面中其他控件加以区别
size 定义文本框在页面中显示的长度,以字符作为单位
maxlength 定义在文本框中最多可以输入的文字数
value 用于定义文本框中的默认值


2.  密码域——password

    输入到文本域中的文字均以星号“*”或圆点显示。语法如下:  

    <input  type="password"  name="控件名称"  size="控件的长度"  maxlength=" 最长字符数" 

     value="密码域的默认取值"/>


password 密码域的参数表
参数类型 含义
name 域的名称,用于和页面中其他控件加以区别
size 定义密码域的文本框在页面中显示的长度,以字符作为单位
maxlength 定义在密码域的文本框中最多可以输入的文字数
value 用于定义密码域的默认值,同样以“*”或圆点显示

3.  “单选”按钮——radio

    在网页中,“单选”按钮用来让浏览者进行单一选择,页面中以圆框表示。在单选控件中必须设置属性 value 的值。而对于一个选择中的所用单选框来说,往往要设定同样的名称,这样在传递时才能更好地对某一个选择内容的取值进行判断。

    语法如下:

扫描二维码关注公众号,回复: 852433 查看本文章

     <input  type="radio"   value="单选按钮的取值"   name="单选按钮名称"  checked="checked"/>

    在该语法中,checked 属性表示这一“单选”按钮默认被选中,而在一个“单选”按钮组中只能有一项“单选”按钮控件设置为 checked. Value 属性则用来设置用户选中该项目后,传送到处理程序中的值。

4.  复选框——checkbox

    复选框能够进行项目的多项选择,以一个方框表示。语法如下:

    <input  type="checkbox"   value="复选框的值"   name="名称"  checked="checked"/>

    checked 属性表示该选项在默认情况下已经被选中,一个选择中可以有多个复选框被选中。

5.  “普通”按钮——button

    “普通”按钮在提交、恢复选项时常常用到。“普通”按钮一般情况下要配合脚本来进行表单处理。语法如下:

      <input  type="button"   value=“按钮的取值"   name="按钮名"  onclick=“处理程序”/>

    Value 属性用来设置按钮上面的文字。在  button 中可以添加  onclick  属性来实现一些特殊得到功能,onclick  属性用于设置当鼠标按下按钮时所进行的处理。

6.  “提交”按钮——submit

    “提交”按钮是一种特殊的按钮,不需要设置  onclick  属性,在单击该类按钮时可以实现表单内容的提交。

    语法如下:

     <input  type="submit"    name="按钮名"   value=“按钮的取值" />

    value  属性用来设置按钮上显示的文字

7.  “重置”按钮——reset

    单击“重置”按钮后,可以清除表单的内容,恢复默认的表单内容设定。

   语法如下:

     <input  type="reset"    name="按钮名"   value=“按钮的取值" />

    value  属性用来设置按钮上显示的文字

8.  图像域——image

    图像域是指可以用在“提交”按钮位置上的图片,这福图片具有按钮的功能。使用默认的按钮形式往往会让人觉得单调。如果网页使了较为丰富的色彩,或稍微复杂的设计,再使用表单默认的按钮形式甚至会破坏整体的美感。这时,可以使用图像域,创建和网页整体效果相统一的“图像提交”按钮。

    语法如下:

    <input  type="image"  src="图像地址"  name="图形域名称 />

    图像地址可以是绝对地址或相对地址。

9.  隐藏域——hidden

    隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以便于被处理表单的程序所使用。浏览者单击“发送”按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

    语法如下:

    <input  type="hidden"   name="隐藏域名称"   value="提交的值"   />


10.  文件域——file

    文件域在上传文件时常常用到,它用于查找硬盘中的文件路径,然后通过表单将选中的文件上传。在设置电子邮件的邮件、上传头像、发送文件时常常看到这一控件。

    语法如下:

     <input  type="file"   name="文件域的名称"   />


猜你喜欢

转载自blog.csdn.net/qq_41573234/article/details/80162024