input语句的作用有哪些

发布时间:2021-06-25 15:08:49 作者:Leah
来源:亿速云 阅读:402

本篇文章为大家展示了input语句的作用有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

HTML<input>标签

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

<form action="form_action.asp" method="get">  First name: <input type="text" name="fname" />  Last name: <input type="text" name="lname" />  <input type="submit" value="Submit" /></form>

定义和用法

<input> 标签用于搜集用户信息。

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

属性

acceptmime_type规定通过文件上传来提交的文件的类型。alignleftrighttopmiddlebottom不赞成使用。规定图像输入的对齐方式。alttext定义图像输入的替代文本。autocompleteonoff规定是否使用输入字段的自动完成功能。autofocusautofocus

规定输入字段在页面加载时是否获得焦点。

(不适用于 type="hidden")

checkedchecked规定此 input 元素首次加载时应当被选中。disableddisabled当 input 元素加载时禁用此元素。formformname规定输入字段所属的一个或多个表单。formactionURL

覆盖表单的 action 属性。

(适用于 type="submit" 和 type="image")

formenctype见注释

覆盖表单的 enctype 属性。

(适用于 type="submit" 和 type="image")

formmethodgetpost

覆盖表单的 method 属性。

(适用于 type="submit" 和 type="image")

formnovalidateformnovalidate

覆盖表单的 novalidate 属性。

如果使用该属性,则提交表单时不进行验证。

formtarget_blank_self_parent_topframename

覆盖表单的 target 属性。

(适用于 type="submit" 和 type="image")

heightpixels%定义 input 字段的高度。(适用于 type="image")listdatalist-id引用包含输入字段的预定义选项的 datalist 。maxnumberdate

规定输入字段的最大值。

请与 "min" 属性配合使用,来创建合法值的范围。

maxlengthnumber规定输入字段中的字符的最大长度。minnumberdate

规定输入字段的最小值。

请与 "max" 属性配合使用,来创建合法值的范围。

multiplemultiple如果使用该属性,则允许一个以上的值。namefield_name定义 input 元素的名称。patternregexp_pattern

规定输入字段的值的模式或格式。

例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。

placeholdertext规定帮助用户填写输入字段的提示。readonlyreadonly规定输入字段为只读。requiredrequired指示输入字段的值是必需的。sizenumber_of_char定义输入字段的宽度。srcURL定义以提交按钮形式显示的图像的 URL。stepnumber规定输入字的的合法数字间隔。typebuttoncheckboxfilehiddenimagepasswordradioresetsubmittext规定 input 元素的类型。valuevalue规定 input 元素的值。widthpixels%定义 input 字段的宽度。(适用于 type="image")

上述内容就是input语句的作用有哪些,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. input语句的作用是什么
  2. HTML中input标签的作用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

input

上一篇:php如何实现和c#一致的DES加密解密实例

下一篇:C++中头文件和源文件的作用是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》