html表单

创建: 2019/05/08

更新: 2019/06/07 增加<input type="checkbox">

 

 <form>

 <form> 元素定义 HTML 表单

<form>
    ...
</form>

 ● 选项

 

accept-charset	规定在被提交表单中使用的字符集  ● 默认 页面字符集
action	指定提交表单到哪里  ● 默认 当前页面
autocomplete	规定浏览器应该自动完成表单   ● 默认 开启
enctype	规定被提交数据的编码  ● 默认 url-encoded
method	指定提交表单的方法(GET/POST/...)  ● 默认 GET
name	规定识别表单的名称  ● 对于DOM使用：document.forms.name
novalidate	规定浏览器不验证表单
target	规定 action 属性中地址的目标  ● 默认 _self

 

 表单元素

 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

 <fieldset>

 <fieldset> 元素组合表单中的相关数据

 <legend> 元素为 <fieldset> 元素定义标题

<fieldset>
  <legend>abc</legend>
  name: <input type="text" name="name" value="sample-name">
  <br>
  sex: male<input type="radio" name="sex" value="0"> : female<input type="radio" name="sex" value="1">
</fieldset>

 

 <input>

 <input> 元素有很多形态，根据不同的 type 属性。

 ● type

text	定义常规文本输入 name:<input type="text">
radio	定义单选按钮输入（选择多个选择之一） type: <input type="radio" name="type" value="0"> <input type="radio" name="type" value="1">
submit	定义用于向表单处理程序（form-handler）提交表单的按钮 <input type="submit" value="submit" />
checkbox

 ● 选项

name	提交的值的属性名
value	提交的初始值

 

 <textarea>

 元素定义多行输入字段（文本域）

<textarea name="sampleTextArea" cols="60" rows="20" value="sample"/>

 

 <button>

 定义可点击的按钮, 文档

 ● 选项

 

 type

 

submit	该按钮是提交按钮  ● 除IE的默认值
button	该按钮是可点击的按钮  ● IE的默认值
reset	该按钮是重置按钮（清除表单数据）

 

 

 <select>

 创建单选或多选菜单, 选项用 <option> 来定义

<select name="sampleSelect">
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
</select>