HTML Input 属性

亲自试一试

如设置 maxlength 属性，则输入控件不会接受超过所允许数的字符。

该属性不会提供任何反馈。如果需要提醒用户，则必须编写 JavaScript 代码。

注释：输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入，则接受者（服务器）必须同时对限制进行检查。

提示：您可以把表单的 autocomplete 设置为 on，同时把特定的输入字段设置为 off，反之亦然。

autocomplete 属性适用于 form 以及如下 input 类型：text、search、url、tel、email、password、datepickers、range 以及 color。

自动完成开启的 HTML 表单（某个输入字段为 off）：

 form action= action_page.php autocomplete= on  First name: input type= text name= fname br  Last name: input type= text name= lname br  E-mail: input type= email name= email autocomplete= off br  input type= submit  /form 

亲自试一试

提示：在某些浏览器中，您也许需要手动启用自动完成功能。

亲自试一试

formenctype 属性规定当把表单数据（form-data）提交至服务器时如何对其进行编码（仅针对 method= post 的表单）。

formenctype 属性覆盖 form 元素的 enctype 属性。

formenctype 属性适用于 type= submit 以及 type= image 。

发送默认编码以及编码为 multipart/form-data （第二个提交按钮）的表单数据（form-data）：

 form action= demo_post_enctype.asp method= post  First name: input type= text name= fname br  input type= submit value= Submit  input type= submit formenctype= multipart/form-data  value= Submit as Multipart/form-data  /form 

亲自试一试

亲自试一试

亲自试一试

亲自试一试

注释：请始终规定图像的尺寸。如果浏览器不清楚图像尺寸，则页面会在图像加载时闪烁。

把图像定义为提交按钮，并设置 height 和 width 属性：

 input type= image src= img_submit.gif alt= Submit width= 48 height= 48 

亲自试一试

min 和 max 属性适用于如需输入类型：number、range、date、datetime、datetime-local、month、time 以及 week。

具有最小和最大值的 input 元素：

Enter a date before 1980-01-01: input type= date name= bday max= 1979-12-31  Enter a date after 2000-01-01: input type= date name= bday min= 2000-01-02  Quantity (between 1 and 5): input type= number name= quantity min= 1 max= 5 

亲自试一试

Country code:  input type= text name= country_code pattern= [A-Za-z]{3} title= Three letter country code 

亲自试一试

placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。

该提示会在用户输入值之前显示在输入字段中。

placeholder 属性适用于以下输入类型：text、search、url、tel、email 以及 password。

拥有占位符文本的输入字段：

 input type= text name= fname placeholder= First name 

亲自试一试

required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.

必填的输入字段：

Username: input type= text name= usrname required 

亲自试一试

step 属性适用于以下输入类型：number、range、date、datetime、datetime-local、month、time 以及 week。

拥有具体的合法数字间隔的输入字段：

 input type= number name= points step= 3 

亲自试一试

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。