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标签的属性有哪些的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
button和input type=button的区别及注意事项
html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）
jquery如何判断 input type="file"上传文件是否为空
更多相关阅读请进入《input》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
