HTML表单学习3——输入类型

HTML表单学习3——输入类型补充

在HTML表单学习1中已经学习了几个，在本文将做一个补充！

 

1，输入类型：password

<input type=”password”>定义密码字段

例子：

用户名：<input  type=”text” name=”username” ><br>密码：<input  type=”password” name=”psw”><br>

 

2，输入类型：checkbox

<input type=”checkbox”>定义复选框

例子：

<input type=”checkbox” name=”class” value=”Chinese”>语文课<br><input type=”checkbox” name=”class” value=”math”>数学课<br>

 

3，输入类型：number

<input type=”number”>能对数字大小进行限制

例子：

<input type=”number” min=”1 max=”10”>

输入限制：

 disabled

规定输入字段应该被禁用。

max

规定输入字段的最大值。

maxlength

规定输入字段的最大字符数。

min

规定输入字段的最小值。

pattern

规定通过其检查输入值的正则表达式。

readonly

规定输入字段为只读（无法修改）。

required

规定输入字段是必需的（必需填写）。

size

规定输入字段的宽度（以字符计）。

step

规定输入字段的合法数字间隔。

value

规定输入字段的默认值。

 

4，输入类型：data

<input type=”data”>

例子：

<input type=”data” name=”birthday>

 

5，输入类型：color

<input type=”color”>用于颜色输入

例子：

<input type=”color” name=”color>

 

6，输入类型：rang

<input type=”rang”>用于包含一定范围内的数字输入字段

例子：

<input type=”rang” name=”point” min=”0” max=”10”>

 

7，输入类型：month

<input type="month">允许用户选择月份和年份

例子：

<input type="month" name="bdaymonth">

 

8，输入类型：week

<input type="week">允许用户选择周和年

例子：

<input type="week" name="bdayweek">

 

9，输入类型：time

<input type="time">允许用户选择时间

例子：

<input type="time" name="usr_time">

 

10，输入类型：datetime

<input type="datetime" >允许用户选择日期和时间

例子：

<input type="datetime" name="bdaytime1">

 

11，输入类型：datetime-local

<input type="datetime-local">允许用户选择日期和时间

例子：

<input type="datetime-local" name="bdaytime2">

 

12，输入类型：email

<input type="email">用于包含电子邮件的字段

例子：

<input type="email" name="email">

 

13，输入类型：search

<input type="search">用于搜索字段

例子：

<input type="search" name="googlesearch">

 

14，输入类型：url

<input type="url">用于包含url地址的字段

例子：

<input type="url" name="urlpage">

 

完！！