表单元素

Posted 参谋长

tags:

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

1、<form></form>         //表单标签

属性action="将用户数据提交到哪个页面"

  method="get"          //传递方式,显式提交,有长度限制

  method="post"        //传递方式,隐式提交,无长度限制,使用较多

  target="_blank"      //在新页面打开被链接文档

  target="_parent"    //在父级页面打开被链接文档

  target="_self"         //在自身页面打开被链接文档

  target="_top"         //在整个窗口中打开被链接文档

2、文本输入类

<input/>                              //输入标签

  type="text"                   //文本框

  value="值"

  name="名字"

  type="password"               //密码框

  type="hidden"                   //隐藏域

<textarea>值</textarea>          //文本域

3、按钮类

<input type="button" />                    //普通按钮

<input type="submit" />                    //提交按钮,提交功能

<input type="reset" />                     //重置按钮,将表单里的内容重置

<input type="image" />                     //图片按钮

4、选择输入类

<input type="radio" name="a"  value="" /> 显式部分                    //单选按钮,name相同的为一组,组内按钮互斥,只可单选

<input type="checkbox" />                                                            //复选框

  属性:checked="checked"                                                    //单选、复选用于标记选中项

<select></select>                                                                         //下拉列表

<option>子项内容</option>                                                          //下拉项标签

文件选择:

<input type="file" />

其他属性:

readonly="readonly"                //只读,可提交

disabled="disabled"                //不可用,不可提交

hidden="hidden"                     //隐藏不显示

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

表单及表单新增元素

HTML表单元素之<label>

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

第10章 表单元素(上)

HTML中常用的表单元素

第十章 表单元素(下)