饥人谷技术博客

HTML 表单的基本用法

2017-08-01  本文已影响31人  晓风残月1994

HTML 表单的基本用法

说起 HTML 中的form表单,大家一定都很熟悉了,这是用于搜集各种用户输入的信息,并让用户提交,增加网站的交互效果,本文就简单介绍一下表单的基本用法。


什么是表单?

表单是一个包含表单元素的区域,用标签<form>来进行定义。表单元素就放在此标签中。

表单代码
单选按钮、复选框、提交按钮 浏览器效果
隐藏输入字段、重置按钮、邮箱、上传文件
细心的你一定会发现,在浏览器中是看不到hidden的隐藏输入字段的,关于hideen 的更多用法,可参照form表单的若干疑问 浏览器效果

好了,以上为大家演示了<input>标签中,type属性不同值的部分常见例子,当然form表单中除了<input><label>标签之外,还有<select><textarea>标签,分别用来定义 下拉列表 以及 多行的文本输入框:

下拉列表、多行的文本输入框 浏览器效果

结束语

其实以上只是展示了冰山一角,form表单实在是还有很多花样和玩法,限于篇幅,这里我就不再挨个为小伙伴演示了,以后更多的实战中,会反复用到表单,另外想要学习更多表单用法的小伙伴,推荐去这里:
W3school:HTML <form> 标签

上一篇 下一篇

猜你喜欢

热点阅读