表单元素

Posted 小学员G

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单元素相关的知识,希望对你有一定的参考价值。

表单元素

  <form>代表表单

    action  提交给哪个页面

    method 数据提交方式

      get 显式提交,有长度限制

      post 隐式提交

    target

      _blank 新页面打开

      _self 本页面打开

  文本

    文本框<input>

      type="text"

      name 文本框的名称

      value 文本框的值

    密码框<input>

      type="password"

      name 密码框的名称

      value 密码框的值

    隐藏域<input>

      type="hidden"

      name 隐藏域的名称

      value 隐藏域的值

    文本域<textarea>双标签

      值不是写在value属性里面,是写在开始和结束标签之间

  按钮

    普通按钮<input>

      type="button"

      name 按钮的名称

      value 按钮上显示的文字

    提交按钮<input>

      type="submit"

      name 按钮的名称

      value 按钮上显示的文字

    重置按钮<input>

      type="reset"  将表单里面的内容重置

      name 按钮的名称

      value 按钮上显示的文字

    图片按钮<input>

      type="image"  提交按钮

      name 按钮的名称

      src 图片的来源

  选择

    单选按钮<input>

      type="radio"

      name 按钮名称和组名

      value 按钮的值

    复选框<input>

      type="checkbox"

      name 复选框的名称

      value 复选框的值

    下拉列表<select>双标签

      <select>代表下拉列表

        name 下拉列表的名称

      <option>代表项

        value 该项的值

    文件选择<input>

      type="file"

      name 文件选择的名称

  其他属性

    readonly 只读

    disabled 不可用,同时不能提交

    hidden 隐藏

    checked radio checkbox用来做选中

    selected 用在下拉列表,设置哪一个选中

以上是关于表单元素的主要内容,如果未能解决你的问题,请参考以下文章

表单及表单新增元素

HTML表单元素之<label>

4.表单,表单元素,表单元素写法及属性

第10章 表单元素(上)

HTML中常用的表单元素

第十章 表单元素(下)