你的位置:首页 > 网页设计

[网页设计]HTML(四):input


1.隐藏域(type="hidden")

定义隐藏的输入字段。隐藏域用于在程序发送没有必要让用户看到特定值的时候使用。

<input type="hidden" name="uid" value="10"/>

2.上传文件(type="file")

定义文件选择字段和 "浏览..." 按钮,供文件上传。此控件可以让用户选择文件。使用 accept 属性可以定义控件可以选择的文件类型。当表单中需要上传文件时,需要把method属性设置为"post",enctype属性设置为"multipart/form-data"。

<form action="#" method="post" enctype="multipart/form-data">  <input type="file" name="file">  <input type="submit" value="提交"></form>

3.拾色器(type="color")

定义拾色器。调用的是系统下的拾色器而不是浏览器的拾色器。根据使用的系统不同会有不同的样式。

<input type="color">

4.时间控件(type="time")

定义日期字段的时、分、秒(带有 time 控件)。

<input type="time">

5.日期控件(type="date")

定义 date 控件(包括年、月、日,不包括时间)。

<input type="date">

6.slider 控件(type="range")

用于输入不精确值控件。如果未指定相应的属性,控件使用如下缺省值:

  • min:0
  • max:100
  • valuemin + (max-min)/2,或当 max 小于 min 时使用min
  • step:1
<input type="range" min="1" max="100" step="2">

7.周选择器(type="week")

用于输入一个由星期-年组成的日期,日期不包括时区。

<input type="week">

8.input标签的其他属性

autocomplete:autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

autofocus:autofocus 属性规定当页面加载时 <input> 元素应该自动获得焦点。

checked:checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type="checkbox" 或者 type="radio")。

disabled:disabled 属性规定应该禁用的 <input> 元素。

required:required 属性规定必需在提交表单之前填写输入字段。