美文网首页饥人谷技术博客
HTML 表单的基本用法

HTML 表单的基本用法

作者: 晓风残月1994 | 来源:发表于2017-08-01 16:49 被阅读31次

HTML 表单的基本用法

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


什么是表单?

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

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

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

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

结束语

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

相关文章

  • HTML表单基本用法

    表单在网页中主要负责数据采集功能,也就是 和 里面包含的数据将被提交到服务器或者电子邮件里,用 标签包裹所有的输入...

  • HTML表单基本用法

    表单就是专门用来收集用户信息,并提交至服务器端的。表单的基本格式: 性别: 男 女 保密 爱好: 篮球 足球 棒球...

  • HTML 表单的基本用法

    HTML 表单的基本用法 说起 HTML 中的form表单,大家一定都很熟悉了,这是用于搜集各种用户输入的信息,并...

  • HTML表单的基本用法

    什么是HTML表单? 表单是一个包含元素的区域,表单元素是允许用户在表单中(比如:文本域,列表,单选框,复选框等)...

  • HTML表单的基本用法

    1.常见的表单元素HTML表单主要用于向服务器端传输用户的数据信息。它可以包含input、menus、textar...

  • HTML表单的基本用法

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 答:form表单用于收集信息,并将信息...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • HTML表单的用法

    HTML表单的用法 表单表单作用:HTML表单用于搜集不同类型的用户输入。表单的工作机制访问一个含有表单的页面输入...

  • 表单

    今天先谈谈基本的表单用法。HTML5的新增表单,以后再做更新。若有不足,欢迎补充。 话不多说,让我们开始吧。 la...

  • 总结一下form_for的一些用法

    form_for 的基本用法 生成的html代码 这里的@article是一个model对象 生成的表单是 后面的...

网友评论

    本文标题:HTML 表单的基本用法

    本文链接:https://www.haomeiwen.com/subject/udpjlxtx.html