html input 标签type属性值都有那些?

作者:前端大神~ | 时间:2019-06-20

html <input>标签规定了用户可以在其中输入数据,<input>元素在<form>元素之中使用的时候,用来声明允许用户输入数据的input控件:输入字段可以通过多种方式改变,取决于type的值。

type=text

text属性定义了一个文本框,我们可以在其中输入文本,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。

type=password
password定义了一个密码输入框

<input type="password" name="yourpwd" size="20" maxlength="15" value="123456">密码长度小于15

type=file
定义上传按钮,点击之后会从本地上传一些文件

<input type="file" name="yourfile" size="30">

type=hidden
定义一个隐藏域:如果一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。就可以用这个控件

type=button
定义一个标准的一windows风格的按钮,当然要让按钮跳转到某个页面上还需要加入写JavaScript代码

<input type="button" name="yourhiddeninfo" value="跳转" onclick="window.open('http://www.woyoudaan.cn')">

type=checkbox
定义多选框,常见于注册时选择爱好、性格、等信息。

type=radio
定义单选框,出现在多选一的页面设定中。比如性别:男  女

type=submit and type=reset
分别是“提交”和“重置”两按钮
submit主要功能是将Form中所有内容进行提交action页处理,reset则起个快速清空所有填写内容的功能。

以上就是常用的html input 标签type属性值,希望会对大家有帮助。