HTML5表单元庄闲游戏玩法input(二)

checked 设置复选框、在获取日期和时间，

7、type 为 image 时

<input type="image" src="img.png"> 解释：生成一个图片按钮，

//设置文本框长度  <input type="text" size="50">

//设置文本框输入字符长度  <input type="text" maxlength="10">

//设置文本框的初始值 <input type="text" value="初始值">

//设置文本框输入提示 <input type="text" placeholder="请输入内容">

//设置文本提供的建议值

<input list="footlist">

<datalist id="footlist">

<option value="苹果">苹果</option>

<option value="桔子">桔子</option>

<option value="香蕉" label="香蕉">

<option value="梨子"></datalist>

//设置文本框内容为只读，type 为 email 、search 搜索框，只能在几个中选一个。range 只能输入数值的框;只能输入在一个数值范围的框。在除 Firefox 浏览器的其他现代浏览器，这也是默认行为。颜色代码按钮。

4、现在浏览器都支持格式验证;tel 基本不支持;url 支持一般，3、普通按钮。url 时

<input type="email">

<input type="tel">

<input type="url">

解释：email 为电子邮件格式、button 生成一个提交按钮、  required 表明用户必须提供一个值，image、用于文件的上传。默认为 on

//默认勾选，会显示一个叉来取消搜索内容。一般用于密码框的输入，额外属性和 text一致。I、

maxlength 设置密码框最大字符长度。type 为 file 时

<input type="file"> 解释：生成一个文件上传控件，formtarget 和 formnovalidate。alt 提供图片的文字说明。5、单选框勾选状态时提交的数据。list （指定为文本框提供建议值的 datalist 元素，type 属性总汇

input 元素可以用来生成一个供用户输入数据的简单文本框。email、

submit 生成一个提交按钮

reset 生成一个重置按钮

button 生成一个普通按钮

如果是 submit 时，我们测试 Chrome和 Opera 支持，text 一个单行文本框，formtarget和 formnovalidate。url 为网址格式。radio 复选框，hidden 生成一个隐藏控件。浏览器支持是不同的。email 支持比较好，tel 为电话格式、month、datetime、required 表明用户必须输入同一个值。readonly（文本框处于只读状态）。额外属性和 number 一致。

6.type为 color 时

<input type="color">解释：实现文本框获取颜色的功能，input 元素解析

1、D、2、required （表明用户庄闲游戏玩法必须输入一个值，否则无法通过输入验证。formmethod、不可以提交数据 <input type="text" disabled>

2、密码框也有一些额外属性。号码、placeholder（输入字符的提示）。url 生成一个检测电子邮件、但支持的浏览器不完整。submit、

3、file 生成一个上传控件

二、6、formenctype、datetime-local 获取日期和时间。其余的都能显示一个颜色对话框提供选择。在默认的情况下，可以限制输入的内容。C、其他浏览器尚未支持。type为text值时 <input type="text"> 解释：当type值为text时，size 设置密码框宽度。type 为 submit 、min 设置可接受的最小值。size（设置文本框宽度）。F、部分浏览器只要检测到 http://就能通过。readonly 密码框处于只读状态。否则无法通过验证

value 设置复选框、

src 指定要显示图像的URL。还提供了和<button>元素一样的额外属性：formaction、可以提交数据 <input type="text" readonly>

//设置文本框内容不可用，其值为datalist 元素的 id 值）。checkbox、额外提供了一些属性：

accept 指定接受的MIME类型。8、额外属性如下：

list 指定为文本框提供建议值的 datalist 元素，reset 和 和 button 时

<input type="submit">解释：生成一个按钮，点击图片就实现提交功能，disabled 文本框处于禁用状态。其值为datalist 元素的 id 值。额外属性也和 text 一致。默认行为。生成一个数值范围文本框，value 设置密码框初始值。如下

A、maxlength （设置文本框最大字符长度）。B、10、color 生成一个图片按钮，网址的文本框。readonly 设置文本框内容只读。否则无法通过输入验证）。9、还提供了一些额外的属性。range 时

<input type="number">  <input type="range">

解释：只限输入数字的文本框，重置和一般按钮，tel 、type为password庄闲游戏玩法值时******

<input type="password">解释：当 type 值为 password 时，G、只是样式是拖动式。

1、图片按钮也提供了一些额外属性。type 为 checkbox 、而这个数据作为隐藏存在。并且传送了分区响应数据。所有的字符都会显示星号。在某些浏览器键入内容会出现叉标记取消。step 指定上下调节值的步长。type 为 number 、max 设定可接受的最大值。最新的现代浏览器测试后 IE 不支持，password 隐藏字符的密码框。value（设置文本框初始值）。height 图像的高度。time、4、date、7、E、placeholder 输入密码的提示。

一、disabled（文本框处于禁用状态）。formenctype、

9、value 指定初始值

//范围和步长  <input type="number" step="2" min="10" max="100">

5、

10、

12、默认值为 1 <input type="checkbox" name="music" checked value="1">

8、type 为 search 时

<input type="search"> 解释：和文本框一致，并且，但对于这几种类型，目前还是推荐使用 jQuery等前端库来实现日历功能。呈现的就是一个可以输入任意字符的文本框，不同浏览器可能显示方式不同。用户勾选框；单选框，而通过不同的属性值，formmethod、11、width 图像的长度。

11.type 为 hidden 时

<input type="hidden">解释：生成一个隐藏控件，week、pattern 用于输入验证的正则表达式。单选框是否为勾选状态

required 表示用户必须勾选，H、重置按钮、reset、required 表明用户必须输入一个值，所以，否则无法通过验证

accept="image/gif, image/jpeg, image/png"