1 2 3 4 5 |
|
这个的效果如图：
效果还是可以的，也是最简单的输入框的样式，我们今天讲的就要简单的，简单的也表示容易懂。
来说一说html input标签的用法总结：
1.文本框：
在表单中，文本框用来让用户输入字母、数字等等，如用户的姓名，地址等。
代码格式如下：
1 |
|
2.密码框：
是一种特殊的文本域，用于输入密码。
代码格式如下：
1 |
|
3.隐藏域：
是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
代码格式如下：
1 |
|
4.单选按钮：
当需要用户从有限个选项中选择一个时，使用单选按钮。比如我们在注册的时候选择体重。
代码格式如下：
1 |
|
5.复选框：
允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个独一的名称。
代码格式如下：
1 |
|
6.文件上传框：
代码格式如下：
1 |
|
注意：利用这项功能时，在 form 标签中要指定method属性。要把method 指定为post, enctype属性指定为 multipart/form-data。
说明：multipart 控件是否上传多文件
推荐学习：html视频教程
以上就是html中input标签的属性有哪些的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
input表单如何制作多行文本输入框？一篇文章教你学会使用input标签
html中input submit、button和回车键提交数据详解
html input标签的属性有哪些？input标签的name属性介绍
怎样通过disabled和readonly将input设置为只读效果
html单选按钮默认选中怎么做？input标签的单选按钮用法实例
html5 input number是什么？html5 input type的详细介绍（内附属性图）
更多相关阅读请进入《input》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
