html表单的用法

定义：HTML 表单用于搜集不同类型的用户输入。
用<form> 元素定义html表单：

<form>
form 表单
</form>

常用属性：

• Action
  action 属性定义在提交表单时执行的动作。
• Method
  method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）。
• Name
  规定识别表单的名称。
• Target
  规定 action 属性中地址的目标。

HTML 表单包含的常用表单元素：

• 文本输入
  <input type="text"> 定义用于文本输入的单行输入字段：

<form>
<input type="text" name="firstname">
<input type="text" name="lastname">
</form> ```
- 单选框
`<input type="radio">` 定义单选框

<form>
<input type="radio" name="sex" value="男"> 男
<input type="radio" name="sex" value="女"> 女
</form> ```

• 多选框
  <input type="checked"> 定义多选按框

<form> 
您喜欢的水果？<br /><br /> 
<label><input name="Fruit1" type="checkbox" value="" checked/>苹果 </label> 
<label><input name="Fruit2" type="checkbox" value="" />桃子 </label> 
<label><input name="Fruit3" type="checkbox" value="" />香蕉 </label> 
<label><input name="Fruit4" type="checkbox" value="" />梨 </label> 
</form> 

• 密码输入框
  <input type="password"> 定义密码输入

<form>
<input type="password" name="pwd" /></form>
</form> ```
- 按钮button对象
`<input type="button">` 定义最一般普通的按钮

<form>
<input type="button" name="button" /></form>
</form> ```

• 文件提交
  <input type="file"> 定义文件上传提交

<form>
<input type="file" />
</select>
</form>

• submit提交表单
  <input type="submit">

<form>
<input type="submit" />
</form>

• select标签
  <input type="select"> 一般用来定义下拉菜单

<form>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>

• label标签
  <label for="name">xxx</label> 对输入框和密码框的文字说明

<form>
<label for="name">姓名</label>
<input type="text" name="name"id=”name“>
</form>