美文网首页饥人谷技术博客
简单介绍HTML表单的用法

简单介绍HTML表单的用法

作者: Ghj_小树 | 来源:发表于2017-01-27 23:16 被阅读0次

表单的作用:

搜集用户输入的数据 ,比如注册登陆填写相关信息,提交到服务器,提交反馈,实现用户与服务器的交互.
<from action="提交到服务器地址" method="get/post"></from>
其中action是提交表单的地址,method是提交表单使用的方法,一般有get和post两种,区别见:http://www.jianshu.com/p/445b71b26aeb

相关使用元素及示例:

text文本框:定义单行20个字符宽的文本
<input id="username" type="text" name="username" placeholder="用户名">
密码输入框:输入显示黑圆点
<input id="password" type="password" name="password" placeholder="密码">
radio:单选按钮,可提供多个选项,但只能选择其中一个
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
checkbox:复选框按钮,有多个选项,可选择多个值
<input type="checkbox" name="hobby" value="game">dota
<input type="checkbox" name="hobby" value="travel">旅游
<input type="checkbox" name="hobby" value="pet">宠物
submit:提交按钮
<input type="submit" value="提交">
button:如果要运行一个script一个按钮被点击时,该button输入的类型可以用来创建可与各种动作相关联的按钮.
< button >提交 < /button >
hidden:该属性类型通常与value属性同时使用,不过将暂时遮盖,用户不可直接看到或改变,以预先定义的值添加到每个表单提交
<input type="hidden" name="asda" value="asdasd">
reset:重置按钮,返回所有表单字段的默认状态
<input type="reset" value="重置">
file:允许表单用户上传和提交文件,如下代码表示用户只可提交或上传mp3文件
<input type="file" name="file" accept="music/mp3">
label标签:
在文本框中可以使用户在点中文本框 前的名字时让浏览器的目标为该文本框,即选择文本框,如下代码:
<label for="username">姓名:</label>
<input id="username" type="text" name="username" placeholder="用户名">

相关文章

  • 简单介绍 HTML 表单的用法

    HTML 表单用于收集用户输入, 元素定义 HTML 表单。HTML 表单包含表单元素,表单元素指的是不同类型的...

  • 简单介绍HTML表单的用法

    HTML表单是什么 HTML表单是一个网页提供给用户输入信息的地方,由 form 标签创建,其输入框都放在 ...

  • 简单介绍 HTML 表单的用法

    form表单 html的表单用于搜集各种用户输入信息并提交,能增加网站的交互效果。表单是一个包含表单元素的区域,用...

  • 简单介绍HTML表单的用法

    表单 表单的作用 收集页面上用户填写的信息,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。 表...

  • 简单介绍HTML表单的用法

    同我们平时填写的纸质表单一样,HTML表单用于搜集不同类型的用户输入 表单是一个包含表单元素的区域,表单元素是允许...

  • 简单介绍 HTML 表单的用法

    表单主要分为两部分: 是HTML文档描述的表单; 是提交后的表单处理。 表单的格式如下: 表单项,文字,图片等 描...

  • 简单介绍 HTML 表单的用法

    1.表单主要分为两部分: 一是HTML文档描述的表单;二是提交后的表单处理。 2.表单的格式如下: 表单项,文字,...

  • 简单介绍 HTML 表单的用法

    1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单的作用是:将表单内的内容...

  • 简单介绍HTML表单的用法

    1.工作机制 2.表单定义 HTML表单是一个包含表单元素的区域, 表单使用 3.结构 4.表单属性 ...

  • 简单介绍HTML表单的用法

    表单的作用: 搜集用户输入的数据 ,比如注册登陆填写相关信息,提交到服务器,提交反馈,实现用户与服务器的交互.

网友评论

    本文标题:简单介绍HTML表单的用法

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