首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享
    首页 > HTML5教程 > html表单标签用法

input标签概述

input标签语法

input标签是自闭合标签,没有结束标签。

<input type="表单类型"/>

 

input标签type属性

input标签有很多type属性,为我们提供了多种信息展示形式及交互方式

text:单行文本框,用于填写一些简单的信息

语法:<input type="text"/>

password:密码文本框,用于输入密码,密码明文不会显示出来

语法:<input type="password"/>

radio:单选按钮,用于互斥选项的选择,name属性要为一样

语法:<input type="radio"/>

checkbox:复选框,用于选项的多选

语法:<input type="checkbox"/>

reset:重置按钮,用于清空改按钮所在form里其他input标签填写的值

语法:<input type="reset"/>

submit:提交按钮,用于将填写的信息提交后台服务器处理

语法:<input type="submit"/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html> 
<head>
    <title>input标签</title>
</head>
<body>
    <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
        账号:<input type="text"/><br/>
        密码:<input type="password"/><br/>
        性别:
        <input  type="radio" name="sex"/>男
        <input  type="radio" name="sex"/>女<br/>
        你喜欢哪些:
        <input type="checkbox" />苹果
        <input type="checkbox" />香蕉<br/>
        <input type="submit" value="提交"/>
        <input type="reset" value="重填"/>
    </form>
</body>
</html>

  input标签概述

hidden:隐藏域,用于在页面保存一些不用显示出来的信息

语法:<input type="hidden"/>

file:文件上传,用于文件的上传

语法:<input type="file"/>

button:按钮

语法:<input type="button"/>

image:图像形式

语法:<input type="image"/>

 

input标签其他属性

input属性 说明
value 文本框的值,是文本框内的文字或代表的值
size 文本框的长度,以字符为单位,浏览器显示的长度
maxlength 文本框中最多输入的字符数(文本输入框)
input标签概述-html表单标签用法-编程文章分享