HTML 表单的基本用法
说起 HTML 中的form表单,大家一定都很熟悉了,这是用于搜集各种用户输入的信息,并让用户提交,增加网站的交互效果,本文就简单介绍一下表单的基本用法。
什么是表单?
表单是一个包含表单元素的区域,用标签<form>
来进行定义。表单元素就放在此标签中。
单选按钮、复选框、提交按钮 浏览器效果
隐藏输入字段、重置按钮、邮箱、上传文件
细心的你一定会发现,在浏览器中是看不到hidden的隐藏输入字段的,关于hideen 的更多用法,可参照form表单的若干疑问 浏览器效果
好了,以上为大家演示了<input>
标签中,type
属性不同值的部分常见例子,当然form表单中除了<input>
和<label>
标签之外,还有<select>
和<textarea>
标签,分别用来定义 下拉列表 以及 多行的文本输入框:
结束语
其实以上只是展示了冰山一角,form表单实在是还有很多花样和玩法,限于篇幅,这里我就不再挨个为小伙伴演示了,以后更多的实战中,会反复用到表单,另外想要学习更多表单用法的小伙伴,推荐去这里:
W3school:HTML <form> 标签
网友评论