Form表单用法

常用属性

属性 作用
name 用来标识这个表单,在JavaScript中可以通过 document.表单名 来取得这个表单
action 表示这个表单提交时的跳转路径
method 表示提交方式,可以选择post和get,默认为get方式
enctype 表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为enctype="multipart/form-data"
onsubmit 当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用

常用标签

标签 作用
type="text" 文本框,输入单行文本
type="password" 密码框,输入密码信息,所有输入的信息会隐藏显示
type="button" 普通按钮,一般用来完成javascript功能的
type="submit" 表单提交按钮,点此按钮提交表单
type="reset" 表单重置按钮,返回初始表单中的数据
type="radio" 单选按钮
type="checkbox" 多选按钮
type="hidden" 隐藏域,将一个值隐藏传递
type="image" 功能和submit提交按钮相同,但可以显示图片
<textarea></textarea> 文本域,输入多行文本
<select> 下拉列表,需要结合option一起使用
<option> 为<select>设置选项
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.form的基本介绍form 是 HTML 中的一种块标签,包含很多子标签,组合后提交并与服务器进行交互数据 ,...
    饥人谷_chaos阅读 2,600评论 0 0
  • form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 标签用于为用户输入创建 HTML 表单并向...
    刘加祺阅读 1,778评论 0 0
  • 标签用于为用户输入创建 HTML 表单,表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表...
    HE_Zoro阅读 3,579评论 0 0
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 4,427评论 0 1
  • 正当二人惊异不停之时,另一侧人群突然发出一声怒吼。孙思这才想起那个被天雷劈中的中年男子,不知是发生了什么事情?他想...
    只如故人阅读 2,865评论 0 0

友情链接更多精彩内容