html实例教程:[10]表单的一般用法
1、表单是一个包含表单元素的区域,用标签<form>来进行定义。表单元素就放在此标签对中。
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/52fae62064fb960b4dab29d58fa355e982ae6c22.jpg)
2、<input>标签是表单中最常用到的输入标签,参数type是它的一个属性参数。
不同的type设置会显示差别巨大的效果
3、type属性设置为text时,显示的是单行文本框,多用于输入用户名,搜索框等地方。
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/54a89daee8d7592a6065cccc9f31dfb6336c6722.jpg)
4、显示效果如图,可以看到输入的字符是可见得
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/332d496699cf0253a4e90f316b36e29146e85f22.jpg)
5、type属性设置为password时,是密码框,这时输入字符时,显示的就是黑圆点了。作用不用多说也就明白了吧
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/32a127723d03bbeaaa0c1cfcea43d7d449315422.jpg)
6、密码框的效果:
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/d695563104ebf6a7c485ae9fffee1c324a184f22.jpg)
7、button属性是显示按钮
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/1d735518512c8cf17a2d0a87c384cde34a2c4622.jpg)
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/4a6d48ee7b7f860ed6ffc94077f5ee0d3bcebe22.jpg)
8、type是file时用于文件上传,点击后会弹出文件选择框
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce2d76d18bbef781423bfb9b622.jpg)
![html实例教程:[10]表单的一般用法](https://exp-picture.cdn.bcebos.com/65390a23beb9763e994897626ad06de89b61b022.jpg)
9、还有其他功能,参加w3school.com
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:191
阅读量:37
阅读量:185
阅读量:130
阅读量:99