美文网首页
form表单简介

form表单简介

作者: _李祺 | 来源:发表于2017-04-07 23:01 被阅读0次
  1. HTML 表单

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本框text、多行文本框textarea、密码输入框password、复选框checkbox、单选按钮radio、提交按钮submit、下拉菜单select 等等。
表单使用表单标签 <form> 来设置:

  1. HTML 表单 - 输入元素
    多数情况下被用到的表单标签是输入标签<input>
    输入类型是由类型属性type定义的,大多数经常被用到的输入类型如下:

文本框

文本框通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
<form> First name: <input type="text" name="firstname"> Last name: <input type="text" name="lastname"> </form>
注意:表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

密码字段

密码字段通过标签<input type="password"> 来定义:
<form> 密码: <input type="password" name="pwd"> </form>
注意:密码字段字符不会明文显示,而是以星号或圆点替代。

单选按钮(Radio Buttons)

<input type="radio"> 标签定义了表单单选框选项
<form> <input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female </form>

复选框(Checkboxes)

<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
<form> <input type="checkbox" name="vehicle" value="Bike">I have a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car </form>

提交按钮(Submit Button)

<input type="submit"> 定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
<form name="input" action="html_form_action.php" method="get"> Username: <input type="text" name="user"> <input type="submit" value="Submit"> </form>

相关文章

  • Form表单简介

    Form表单的作用、常用的input标签以及作用 表单的作用是搜集用户的输入,用户提交表单时向服务器传输数据,从而...

  • form表单简介

    HTML 表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本框text、多行文本框...

  • 表单Form简介——表单域

    前言:表单是网页中经常用到的元素,多涉及到提交整个页面的数据。本文简单介绍表单的基本组成,对网页的测试人员来说认识...

  • 表单Form简介——表单按钮

    表单按钮 表单是用来提交资料、意见,规范流程执行过程的格式。表单按钮控制表单的运作。 下面介绍几种常见的表单按钮。...

  • HTML表单的使用方法

    简介 HTML 表单用于搜集不同类型的用户输入。 表单标签列表 表单标签

    action:表单需要提交的...

  • HTML表单的用法

    一、表单简介 form 元素定义 HTML 表单,HTML 表单用于收集用户输入。其它表单元素应被 元素包裹,以便...

  • 七·form表单

    1.form标签简介 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送...

  • form表单使用简介

    HTML表单简介 HTML中的表单就是将用户填写的数据打包发送给服务器,通常情况下利用 标签来设置,通常可以设置表...

  • 关于vue v-decorator

    ant-desigin-vue中form表单的使用 form表单的使用 form表单之获取表单的数据 创建表单 通...

  • Redux-Form

    简介 redux-form主要用于管理reudx中的form表单数据 主要模块 (1) formReducer r...

网友评论

      本文标题:form表单简介

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